nicht angemeldet
IE6 macht Probleme mit verschachtelten DIVs
Der Seitenaufbau sieht wie folgt aus:
<div style="float:left; display:block">
<div style="width:415px; background-color:#FFFFFF; padding:3px; margin-left:5px" class="bord1">Inhalt</div>
<div class="row3">Inhalt</div>
<div class="row3b">Inhalt</div>
<br clear="left" />
</div>
<div class="row3b">Inhalt</div>
Dabei sind die Klassen wie folgt definiert:
.bord1 {
width:100%;
border-width:0.75pt;
border-style:solid;
border-color:#400080;
margin:3px 0px;
padding:3px}
.row3 {
width:195px;
float:left;
display:block;
display:inline;
margin:5px 6px 5px 10px}
.row3b {
width:195px;
float:left;
display:block;
display:inline;
margin:5px 10px}
Das Ganze ergibt im Prinzip also eine 3-spaltige Seite, wobei allerdings die Spalten 1 und 2 erst unterhalb eines gerahmten Containers (class="bord1") beginnen, der die beiden Spalten "überbrückt", während die 3. Spalte auf gleicher Höhe wie der Container beginnt.
IE7, Firefox und Opera stellen das auch wunderbar so dar, nur der IE6 macht Probleme, er setzt die 3. Spalte unter die 1. Spalte. Ich hatte dafür schon mal eine Lösung, aber ich kann moch nicht mehr daran erinnern - leider! Weiß jemand weiter, oder soll ich beantragen den IE6 verbieten zu lassen ;-) ?
Gruß Compiwurstel
-
Hallo,
IE7, Firefox und Opera stellen das auch wunderbar so dar, nur der IE6 macht Probleme, er setzt die 3. Spalte unter die 1. Spalte.
der Beispielcode führt hier z.B. bei ie6, opera und ff zum gleichen Ergebnis.
Grüsse
Cyx23