Ronny Riedel: nichtanzeige von HTML-Elementen

Beitrag lesen

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