Hallo,
meine Seite wurde in allen von mir getesteten Browsern korrekt dargestellt,
jetzt erhielt ich die Rückmeldung, dass beim IE Vers. 6 die Darstellung fehlerhaft ist.
Ich habe das Problem im folgenden Beispiel eingegrenzt.
Das untenstehende Beispiel ist auch im IE 6 korrekt.
Wird jedoch eine zusätzliche Spalte eingefügt (die auskommentierten Teile)
oder werden die Spalten vergrößert, so rutscht die gesamte Tabelle nach unten.
Woran kann dies liegen?
Wie geschrieben, in den andern Browsern ist alles korrekt.
Beispiel:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title> </title>
<style type="text/css">
<!--
li {
font-size:1.5em;
}
#Links {
float:left;
font-size:0.83em;
width:220px;
margin:0 0 0 10px;
padding:10px 0 0 0;
border-style:dotted;border-width:1px;border-color:yellow;
}
#Rechts {
margin-left:240px;
padding:0 1em 0 1em;
border-style:dotted;border-width:1px;border-color:red;
}
#Info {
padding-top:1em;
padding-left:2em;
padding-right:2em;
overflow:hidden;
border-style:dashed;border-width:1px;border-color:black;
}
-->
</style>
</head>
<body>
<div id="Links">
<ul>
<li>Zeile01</li>
<li>Zeile02</li>
<li>Zeile03</li>
<li>Zeile04</li>
<li>Zeile05</li>
<li>Zeile06</li>
<li>Zeile07</li>
<li>Zeile08</li>
<li>Zeile09</li>
<li>Zeile10</li>
</ul>
</div>
<div id="Rechts">
<div>Titel der Homepage</div>
<div id="Info">
<h2>Titel der Seite</h2>
<table>
<tr>
<td>aaaaaaaaaaaaaaaaaa</td>
<td>aaaaaaaaaaaaaaaaaa</td>
<td>aaaaaaaaaaaaaaaaaa</td>
<td>aaaaaaaaaaaaaaaaaa</td>
<!-- <td>aaaaaaaaaaaaaaaaaa</td> -->
</tr>
<tr>
<td>aaaaaaaaaaaaaaaaaa</td>
<td>aaaaaaaaaaaaaaaaaa</td>
<td>aaaaaaaaaaaaaaaaaa</td>
<td>aaaaaaaaaaaaaaaaaa</td>
<!-- <td>aaaaaaaaaaaaaaaaaa</td> -->
</tr>
</table>
</div>
</div>
</body>
</html>