Yael: dl dt dd in verschiedenen Brwosern

Beitrag lesen

SELF-Forum

dl dt dd in verschiedenen Brwosern

Yael
– Informationen zu den Bewertungsregeln

Guten Abend,

ich helfe meiner  Freundin eine kleine Seite umzusetzten. Dort gibt es ein Profil mit diversen Angaben wie z.B.:

Alter
Haarfarbe
Figur
Größe

Sie wollte dafür eine Tabelle bzw. divs nehmen, ich meinte, das könnte man auch mit einer dl Liste Lösen, dieses habe ich so (als Basis habe ich dieses genommen http://forum.de.selfhtml.org/?t=217714&m=1496302) umgesetzt:

  
      <dl class="spalten_xxx">  
  
         <dt>Alter:</dt>  
         <dd>24</dd>  
         <dt>Haarfarbe:</dt>  
         <dd>blond</dd>  
         <dt>Figur:</dt>  
         <dd>36/38 </dd>  
  
         <dt>Sex:</dt>  
         <dd>heterosexuell</dd>  
         <dt>Herkunft:</dt>  
         <dd>Deutschland </dd>  
         <dt>Augenfarbe:</dt>  
         <dd>braun </dd>  
  
      </dl>

Mein CSS sieht so aus

  
.spalten_xxx {  
    -moz-column-count: 2;  
    -moz-column-gap: 30px;  
    padding:5px;  
}  
  
.spalten_xxx dt {  
    float: left;  
    margin: 0;  
    padding: 0 0 8px;  
    width: 44%;  
}  
  
.spalten_xxx dd {  
    float: left;  
    margin: 0;  
    padding: 0 0 8px;  
    width: 56%;  
}

Im Firefox und auch Chrome funktioniert es ohne Probleme, wie sieht es denn mit den anderen Browsern aus und sollte ich dieses wirklich so umsetzten, oder hat sie recht mit Tabellen bzw. divs.

Hab diese Diskussion noch im Kopf: http://forum.de.selfhtml.org/?t=217714&m=1496256

Beitrag melden
–
Informationen zu den Bewertungsregeln