nicht angemeldet
Da Du ja offenbar schon einen Testcase hast: kannst Du mal versuchen, hasLayout durch eine CSS-Höhenangabe einzutüten oder wahlweise dem linken div ebenfalls per zoom:1 hasLayout zu geben?
Ich habe das Beispiel von Werner korrigiert aber mit den "zoom:1" an den unterschiedlichen Stellen hat sich jetzt nichts verändert ===>:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Test Werner mit Korr. von mir</title>
<style type="text/css">
<!--
#Navigation {
float:left;
font-size:0.83em;
width:220px;
/* zoom:1; ###################### ohne Wirkung ################# */
border: 1px black solid;
}
#Infoteil {
margin-left:240px;
padding:0 1em 0 1em;
/* word-wrap:break-word; ###################### ohne Wirkung ################# */
/* zoom:1; ###################### ohne Wirkung ################# */
/* overflow:hidden; ###################### ohne Wirkung ################# */
border: 1px red solid;
}
table.t1 {
border:5px #5A7332 solid;
border-spacing:0px;
border: 1px green dashed;
}
table.t1 td {
border:5px #5A7332;
border: 1px yellow solid;
}
h1 {border: 1px gray dotted;}
-->
</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</h1>
<table class="t1">
<tr>
<td style="width:20%; text-align:center">xaaaaaaaaaaaaaaaaaaaa</td>
<td style="width:20%; text-align:center">aaaaaaaaaaaaaaaaaaa</td>
<td style="width:20%; text-align:center">aaaaaaaaaaaaaaaaaaa</td>
<td style="width:20%; text-align:center">aaaaaaaaaaaaaaaaaaa</td>
<td style="width:20%; text-align:center">aaaaaaaaaaaaaaaaaaa</td>
</tr>
</table>
</div>
</body>
</html>