Meine Erfahrung mit HTML5 :/

[Chris1996]

Hallo,

ich hab mich heute Morgen ein bisschen mit HTML5 beschäftigt. Wollte mal schauen was so geht (Tabellenersatz) bin auf sogenannte „dl, dt,dd“ gestoßen.

Hab das auch mal Umgesetzt.

  
 <div class="daten">  
   <p class="titel">Daten</p>  
  
      <dl class="multicol_daten">  
  
         <dt>Alter:</dt>  
         <dd>45</dd>  
  
         <dt>Trainer:</dt>  
         <dd>Word 2010</dd>  
  
         <dt>Ort:</dt>  
         <dd>Bergisch Gladbach </dd>  
  
         <dt>Auto:</dt>  
         <dd>Ja </dd>  
  
      </dl>  
 </div>  

  
 .daten {  
    border: 1px solid #999;  
    margin-bottom: 10px;  
    margin-top: 10px;  
}  
  
.titel {  
    background-color: #972726;  
    color: #fff;  
    font-weight: bold;  
    height: 26px;  
    padding: 5px 0 1px 5px;  
}  
  
.multicol_daten {  
    -moz-column-count: 2;  
    -moz-column-gap: 30px;  
    padding: 5px;  
}  
  
.multicol_daten dt {  
    float: left;  
    margin: 0;  
    padding: 0 0 5.5px;  
    width: 44%;  
}  
  
.multicol_daten dd {  
    float: left;  
    margin: 0;  
    padding: 0 0 5.5px;  
    width: 56%;  
}  

Im aktuellen Firefox sieht es gut aus aber selbst ein aktueller IE sowie Chrome macht Probleme. Bestätigt eigentlich meine Aussage von gestern Abend dass man noch nicht drauf setzten soll.

Chrome

Hier wird die die Größe überhaupt nicht beachtet!

Firefox