Hallo,
folgendes HTML wird korrekt angezeigt in allen gängigen Browsern
(Tabelle liegt unmittelbar unter der Überschrift "Infoteil"):
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Test</title>
<style type="text/css">
<!--
#Navigation {
float:left;
font-size:0.83em;
width:220px;
}
#Infoteil {
margin-left:240px;
padding:0 1em 0 1em;
}
#Inhalt {
padding-left:2em;
padding-right:2em;
overflow:hidden;
}
table.t1 {
border:5px #5A7332 solid;
border-spacing:0px;
}
table.t1 td {
border:5px #5A7332;
}
-->
</style>
</head>
<body>
<div id="Navigation">
<h1>Navi-Teil</h1>
<a href="http://www.example.com">aaaaaaaaaaaaaaaaaa</a><br><br>
<a href="http://www.example.com">aaaaaaaaaaaaaaaaaa</a><br><br>
<a href="http://www.example.com">aaaaaaaaaaaaaaaaaa</a><br><br>
<a href="http://www.example.com">aaaaaaaaaaaaaaaaaa</a><br><br>
<a href="http://www.example.com">aaaaaaaaaaaaaaaaaa</a><br><br>
</div>
<div id="Infoteil">
<h1>Infoteil</h3>
<table class="t1">
<tr>
<td style="width:20%; text-align:center">
aaaaaaaaaaaaaaaaaaaaa</a>
</td>
<td style="width:20%; text-align:center">
aaaaaaaaaaaaaaaaaaa</a>
</td>
<td style="width:20%; text-align:center">
aaaaaaaaaaaaaaaaaaa</a>
</td>
<td style="width:20%; text-align:center">
aaaaaaaaaaaaaaaaaaa</a>
</td>
<td style="width:20%; text-align:center">
aaaaaaaaaaaaaaaaaaa</a>
</td>
</tr>
</table>
</div>
</body>
</html>
Wird der Text in einer der Spalten um ein oder mehrere "a" verlängert,
so springt die Tabelle im Internet Explorer nach unten während sie in den anderen Tabellen die Position nicht verändert.
Woran kann dies liegen?
Grüße
Werner