nicht angemeldet
Hallo,
Das Layout meiner Seite (http://www.thagrinch.de/pg-test/) ist
mit Tabellen aufgebaut und funktioniert soweit in allen
Browsern gut. Wenn jetz aber ein <form></form> benutzt wird (click auf w00t), verschiebt sich die Navi-Leiste etwas nach unten (http://www.thagrinch.de/fehler.jpg).
Das liegt nicht am form-Element. Die Lücke tritt immer auf, wenn das div mit overflow ins Spiel kommt:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>test</title>
<style type="text/css">
table {border-spacing:0; border-collapse:collapse;}
td {border:1px solid red;}
</style>
</head>
<body>
<table border="0" cellpadding="0" cellspacing="0" style="width:50%;" align="center">
<tr>
<td style="height:400px; vertical-align:top;">
<div style="overflow:auto; height:100%; margin:0; padding:0; background-color:#eeeeee;">
<p>bla</p><p>bla</p><p>bla</p><p>bla</p><p>bla</p><p>bla</p><p>bla</p><p>bla</p><p>bla</p><p>bla</p><p>bla</p><p>bla</p><p>bla</p><p>bla</p><p>bla</p><p>bla</p><p>bla</p><p>bla</p><p>bla</p><p>bla</p><p>bla</p><p>bla</p><p>bla</p><p>bla</p><p>bla</p><p>bla</p><p>bla</p><p>bla</p><p>bla</p>
</div>
</td>
</tr>
</table>
</body>
</html>
Dazu fällt mir auch keine Lösung ein, das ist wahrscheinlich ein Fehler im Opera. Die Lücke wird allerdings kleiner, wenn das div einen border-bottom: 1px solid #eeeeee; hat (in der Farbe der Hintergrundfarbe, sodass sie nicht sichtbar ist).
Mathias