webForumDet fria alternativet

Ser olika ut i IE och FF

HTML & CSS

7 svar · 348 visningar · startad av karlj87

Medlem sedan mars 2004662 inlägg
Frågan#1

Hej!

Jag har två frågor! Min sida ser inte likadan ut i FF som i IE. Se koden nedan.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
 "http://www.w3.org/TR/html4/transitional.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Fotbollssajten.se</title>
<meta name="description" content="Fotbollssajten">
<meta name="keywords" content="Fotbollssajten.se,Fotbollssajten,fotbollssajt,fotboll,sport,idrott">
<meta name="author" content="webmaster@fotbollssajten.se">
<link rel="StyleSheet" type="text/css" href="style.css">
</head>
<body style="margin:0;" bgcolor="#faffee">
<table border="0" align="center" cellpadding="0" cellspacing="0" style="height:100%">
<tr>
<td colspan="3"><img src="graphs/logo.gif" border="0" width="715" height="59" alt=""></td>
</tr>
<tr align="left" valign="top">

<td colspan="3" height="38" style="background: url(graphs/menydown.gif);">
<table border="0" cellpadding="0" cellspacing="0" summary="">
<tr>
<td width="120">
</td>													   
<td width="50">
<a href="?category=spanien"><img src="graphs/spa.gif" border="0" width="34" height="38" alt=""></a>
</td>
<td width="50">
<a href="?category=italien"><img src="graphs/it.gif" border="0" width="34" height="38" alt=""></a>
</td>
<td width="50">
<a href="?category=england"><img src="graphs/eng.gif" border="0" width="34" height="38" alt=""></a>
</td></tr></table>
</td></tr><tr valign="top"><td width="116" style="background: url(graphs/menyv.gif)">
<table border="0" cellpadding="4" cellspacing="0" summary="">
<tr>

<td><a href="http://www.fotbollssajten.se">Start</a></td>
</tr>
<tr>
<td><a href="?category=italien">Italien</a></td>
</tr>
<tr>
<td><a href="?category=england">England</a></td>
</tr>
<tr>
<td><a href="?category=spanien">Spanien</a></td>
</tr>
<tr>
<td><a href="?category=ovriga">Övriga</a></td>

</tr>
<tr>
<td><a href="?category=kronikor">Krönikor</a></td>
</tr>
<tr>
<td><a href="?category=tabeller">Tabeller</a></td>
</tr>
<tr>
<td><a href="/forum">Forum</a></td>
</tr>
<tr>
<td><a href="/Omoss/">Om oss</a></td>
</tr>

</table>
</td>
<td width="427" bgcolor="#faffee">
<table width="427" cellspacing="0" cellpadding="4" border="0" align="left">
<tr>
<td class="rubrik">

Välkommen till Fotbollssajten.se

</td>
</tr>
<tr>
<td>
 
Start!

<hr>
</td>

<!--
ARTIKLAR v.1                                               www.JoakimWeb.se 
Denna applikation är skriven av Joakim på JoakimWeb.se. Du får använda
applikationen fritt, under förutsättning att denna copyrighttext förblir
intakt. Du får fritt modifiera/komplettera skriptet, du får dock inte 
använda det för kommersiella syften. Du får inte lägga ut en modifierad
version av detta skript på ett sätt som gör att andra kan ladda ner det.	 
Om inte dessa kvar uppfylles så har du ingen rätt att använda skriptet.
-->

<tr>
    <td class="rubrik"><a href="las.asp?id=6">Artikel_Rubrik 4_id6_d07</a></td>
<tr>
    <td class="ingress"><a href="las.asp?id=6">Cupmöte på San Mames, har Real Madrid tagit sig ur svackan?</a></td>
</tr>
<tr>
    <td class="bordtext"><a href="las.asp?id=6">spanien - 2006-01-07</a></td>
</tr>
  
    

<tr>
    <td class="rubrik"><a href="las.asp?id=5">Artikel_Rubrik 3_id5_d05</a></td>
<tr>
    <td class="ingress"><a href="las.asp?id=5">Cupmöte på San Mames, har Real Madrid tagit sig ur svackan?</a></td>
</tr>
<tr>
    <td class="bordtext"><a href="las.asp?id=5">spanien - 2006-01-05</a></td>
</tr>
  
    
<tr>
    <td class="rubrik"><a href="las.asp?id=9">visas denna2?</a></td>

<tr>
    <td class="ingress"><a href="las.asp?id=9">adasd</a></td>
</tr>
<tr>
    <td class="bordtext"><a href="las.asp?id=9">kronika - 2006-01-04</a></td>
</tr>
  
    
<tr>
    <td class="rubrik"><a href="las.asp?id=8">visas denna?</a></td>
<tr>
    <td class="ingress"><a href="las.asp?id=8">adasd</a></td>

</tr>
<tr>
    <td class="bordtext"><a href="las.asp?id=8">kronika - 2006-01-04</a></td>
</tr>
  
    
<tr>
    <td class="rubrik"><a href="las.asp?id=7"> Artikel_rubrik 1_id8_d04</a></td>
<tr>
    <td class="ingress"><a href="las.asp?id=7">asdasd</a></td>
</tr>

<tr>
    <td class="bordtext"><a href="las.asp?id=7">england - 2006-01-04</a></td>
</tr>
  
    

</table>
</td>
  <td valign="top" style="width: 172px; background-image: url(graphs/bakh.gif); ">
      <div style="height: 158px; background-image: url(graphs/menyhf.gif);">
 <div style="height: 100px;margin-left:35px">

sss

	
</div>

</div>
<div style="height: 199px; background-image: url(graphs/menyhr.gif);">reklam</div>
    
    </td>
  </tr>
  <tr>
<td colspan="3" style="background-image: url(graphs/punkt.gif);background-repeat:repeat-x">&nbsp;</td>
</tr>
</table>

Har även skickat med en bild som visar felet. Mellanrummet ska bort ie.

Fråga nr 2: Hur gör jag för att sidan ska "sträckas ut" och inte lämna mellanrum ner till den nedre kanten av webbläsarfönstret. Som det är det nu sträcks det bara ut när jag har tillräckligt mycket text.

Adress: http://www.fotbollssajten.se/index3.asp

Tack på förhand!

ie_ff.gif
Medlem sedan nov. 20021 222 inlägg
#2

Har du kollat sa att sidan går igenom i W3's validator
Ett vanligt fel i utseendet är att man kodat "fel".
Har du inga fel i koden så ska fungera fint i de flesta webläsare.

Medlem sedan apr. 2001762 inlägg
#3
<tr>
<td class="rubrik">
Välkommen till Fotbollssajten.se
</td>
<tr>

Du har inte avslutat tr-taggen.. vet inte om det ställer till det dock.

Medlem sedan mars 2004662 inlägg
#4

Har nu både validatat sidan och ändrat det som UrMe påpekade. Fortfarande ingen skillnad. :( Fler förslag?

Medlem sedan dec. 20042 245 inlägg
#5

Ser det rätt ut i Firefox? Eller har du satt bilderna i fel ordning?

http://www.webforum.nu/showthread.php?t=122153&highlight=img+block

Medlem sedan mars 2004662 inlägg
#6

Det ser rätt ut i Firefox och fel ut ie. När jag tog bort den här delen i min kod försvann mellanrummet. Men det skulle vara trevligt att ha den delen kvar...

<tr align="left" valign="top">
<td colspan="3" style="background: url(graphs/menydown.gif);">
<table border="0" height="38" cellpadding="0" cellspacing="0" summary="">
<tr>
<td width="120">
</td>													   
<td width="50">
<a href="?category=spanien"><img src="graphs/spa.gif" border="0" width="34" height="38" alt=""></a>
</td>
<td width="50">
<a href="?category=italien"><img src="graphs/it.gif" border="0" width="34" height="38" alt=""></a>
</td>
<td width="50">
<a href="?category=england"><img src="graphs/eng.gif" border="0" width="34" height="38" alt=""></a>
</td>
</tr>
</table>
</td>
</tr>
Medlem sedan mars 2004662 inlägg
#7

Jaa det funkar! Efter lite ha suddat bort en massa mellanrum i koden. tryckte ihop det så det blev såhär istället:

<td width="120"></td>										  
<td width="50"><a href="?category=spanien"><img src="graphs/spa.gif" border="0" width="34" height="38" alt=""></a></td>
<td width="50"><a href="?category=italien"><img src="graphs/it.gif" border="0" width="34" height="38" alt=""></a></td>
<td width="50"><a href="?category=england"><img src="graphs/eng.gif" border="0" width="34" height="38" alt=""></a></td>

Förstår inte dessa fel. Vad är felet egentligen? Är det detta?

Medlem sedan mars 2004662 inlägg
#8

Raderat, det löste sig.

258 ms totalt · 4 externa anrop · v20260731065814-full.a51de22e
121 ms — deklarationer (db)
0 ms — hämta statistik (cache)
128 ms — hämta tråd, inlägg och bilagor (db)
127 ms — ändringar (db)