tobi: CSS mit dem IE und NE Teil 2

Beitrag lesen

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?