Hi,
ich habe gestern schon gefragt wieso der Netscape 6 den Code nicht richtig versteht. Beim IE 6 klappt es.
text-align:center;
Als Antwort kam:
Die Geckos, zu denen auch der Netscape 6 zählt, verstehen ihn im Gegensatz zum IE _richtig_. Und zentriert daher blocklevel-Elemente nicht.
Und:
in dem du die seitlichen margins auf auto setzt.
Nun habe ich dort wo text-align:center; stand einfach durch den Code
margin-left:auto; margin-right:auto;
ersetzt
Leider wird der Tabelleninhalt jetzt auch beim IE nicht mehr zentriert. Es wird nur alles Links ausgerichtet.
Hier mal mein code der mit dem IE richtig dargestellt wird.
<html>
<head>
<style type="text/css">
.t2 {
background-color:#D4F3E5;
text-align:center;
vertical-align:top;
border-width:1px;
border-color:#000000;
border-style:solid;
padding:5px;
}
.t5 {
font-family:Verdana, Arial;
font-size:10pt;
text-align:left;
border-width:1px;
border-color:#000000;
border-style:dashed;
padding:3px;
}
</style>
</head>
<body>
<center>
<table border="0" cellpadding="0" cellspacing="0" width="500"><tr><td class="t2">
<table border="0" cellpadding="0" cellspacing="0"><tr><td class="t5">
Bildname
<br>
<img src="pics/bild.jpg" alt="Bildname" width="200" height="200"></td>
</tr></table></td></tr></table>
</center>
</body>
</html>
Wie zentriere ich das ganze?