webForumDet fria alternativet

tabell i gecko och ie

HTML & CSS

5 svar · 407 visningar · startad av micken

Medlem sedan okt. 20064 inlägg
Frågan#1

Hej

Jag har problem med en tabell. Tabellen visar en rad bilder som tillsammans bildar ett sidhuvud. Problemet är att om jag specifiserar DOCTYPE så kan inte gecko baserade browsers visa tabellen på rätt sätt. Om jag inte sätter DOCTYPE så visar inte IE sidan rätt. Jag har också testat sidan i opera och där fungerar det med DOCTYPE.Jag har validerat koden på w3c och det enda den klagar på är <background> taggar i <td> taggar och det borde inte ställa till några problem. Här följer ett utdrag av den aktuella koden:

<CODE>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<link rel="stylesheet" type="text/css" media="all" href="http://macen/\~micken/xoops-2.0.15/htdocs/xoops.css" />
<link rel="stylesheet" type="text/css" media="all" href="http://macen/\~micken/xoops-2.0.15/htdocs/themes/diakoni/styleNN.css" />

<script type="text/javascript" language="javascript">
<!--

//-->
</script>
</head>
<body>

<table bgcolor="#f7f9fb" border="0" cellpadding="0" cellspacing="0" width="100%">
<tr>

<td><img src="/~micken/images/spacer.gif" width="48" height="1" border="0" alt=""></img></td>
<td><img src="/~micken/images/spacer.gif" width="80" height="1" border="0" alt=""></img></td>

<td><img src="/~micken/images/spacer.gif" width="49" height="1" border="0" alt=""></img></td>
<td><img src="/~micken/images/spacer.gif" width="35" height="1" border="0" alt=""></img></td>
<td><img src="/~micken/images/spacer.gif" width="50" height="1" border="0" alt=""></img></td>
<td><img src="/~micken/images/spacer.gif" width="66" height="1" border="0" alt=""></img></td>
<td><img src="/~micken/images/spacer.gif" width="142" height="1" border="0" alt=""></img></td>
<td width="100%"><img src="/~micken/images/spacer.gif" width="4" height="1" border="0" alt=""></img></td>

<td><img src="/~micken/images/spacer.gif" width="291" height="1" border="0" alt=""></img></td>
<td><img src="/~micken/images/spacer.gif" width="1" height="1" border="0" alt=""></img></td>

</tr>

<tr>
<td background="/~micken/images/header_r1_c2.jpg" colspan="7"><img name="header_r1_c2" src="/~micken/images/spacer.gif" width="1" height="1" border="0" alt=""></img>
<a><span class="tiny">Välkommen till Diakonicentrum i Uppsala</span></a></td>

<td background="/~micken/images/header_r1_c9.jpg"><img name="header_r1_c9" src="/~micken/images/spacer.gif" width="1" height="1" border="0" alt=""></img></td>
<td rowspan="2"><img name="header_r1_c10" src="/~micken/images/header_r1_c10.jpg" width="291" height="88" border="0" alt=""></img></td>
<td><img src="/~micken/images/spacer.gif" width="1" height="18" border="0" alt=""></img></td>
</tr>
<tr>

\<td colspan="7" background="/\~micken/images/header_r2_c2.jpg"\>\<img name="header_r2_c2" src="/\~micken/images/spacer.gif" width="1" height="1" border="0" alt=""\>\</img\>\</td\>
\<td background="/\~micken/images/header_r2_c9.jpg"\>\<img name="header_r2_c9" src="/\~micken/images/spacer.gif" width="1" height="1" border="0" alt=""\>\</img\>\</td\>

<td><img src="/~micken/images/spacer.gif" width="1" height="70" border="0" alt=""></img></td>
</tr>
</table>
</body>
</html>
</CODE>

Medlem sedan okt. 20064 inlägg
#2

skämbild

Hej

Här är en bifoged bild av hur det ser ut..

tabell.JPG
Medlem sedan jan. 2000978 inlägg
#3

Hur blir det om du lägger till

<?xml version="1.0" encoding="ISO-8859-1"?>

högst upp i koden?

Medlem sedan okt. 20064 inlägg
#4

ingen skillnad alls :(

Medlem sedan dec. 20042 245 inlägg
#5

Hmmm.... ta bort doctypen? Om du använder tabeller för layout och spacer.gifs borde du trivas bättre i quirks mode och därför inte ha doctype (alternativt använda nån som triggar quirks mode). Om du vill ha standards mode i IE/Opera men quirks i Gecko/WebKit kan du använda bara "<!DOCTYPE>".

Annars föreslår jag att du istället använder semantisk HTML och använder CSS för layout, så kan du ha en doctype som triggar standards mode i alla webbläsare. Typ:

<h1>Diakonicentrum i Uppsala</h1>
<p class="tagline">Välkommen till Diakonicentrum i Uppsala</p>
<p class="logo"><img alt="" src="logo.png"></p>
Medlem sedan okt. 20064 inlägg
#6

<!DOCTYPE> löste problemet. Det är en gammal site som jag försöker återskapa, orginalförfattaren försvann någonstans i tyskland :)

254 ms totalt · 4 externa anrop · v20260731065814-full.1dc6f849
122 ms — deklarationer (db)
0 ms — hämta statistik (cache)
126 ms — hämta tråd, inlägg och bilagor (db)
125 ms — ändringar (db)