Hallo,
gegeben sei folgender HTML-Code
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
<meta http-equiv="expires" content="0">
<title>Display-Test</title>
<style type="text/css">
#idCntDv {
border: 0px solid black;
margin: 0px;
padding: 0px;
position: relative;
}
#idCntDv div.divRight {
float: right;
font-size: 0.9em;
margin-top: 1px;
margin-bottom: 3px;
}
table {
clear:both;
border-collapse:collapse;
}
td {
border: 1px solid black;
}
</style>
</head>
<body>
<div id="idCntDv">
<div class="divRight">Liste anzeigen</div>
<table>
<colgroup>
<col width="35%">
<col width="65%">
</colgroup>
<tr>
<td>Objekt</td>
<td>Queue</td>
</tr>
<tr>
<td>Typ der Queue</td>
<td>normale Queue</td>
</tr>
</table>
</div>
</body>
</html>
Wenn ich mir diesem im FireFox anschaue, ist alles ok. Im IE (getestet mit Version 6 und 7) wird bei mir die Tabelle nicht angezeigt.
Frage: Warum?
Wenn ich die Tabelle in ein <P>-Element einbette und für dieses <P>-Element dann "clear:both" definiere, sieht alles ok aus. Das hab ich erstmal als Workaround auch gemacht. Trotzdem würde ich gerne verstehen, warum der IE den laut W3C-Validator validen HTML- und CSS-Code nicht korrekt darstellt.
Thx & Gruß
RR