Martin Hein: Div_problem

Hallo Forum,

scheint, als hätte ich den Umgang mit div{float;clear}
immenroch nicht geschnallt ;(

<style>
.left{
clear:left;
float:left;
width:200px;
}

.right{
width:200px;
}
</style>

<div class="left">content</div>
<div class="right">content</div>
<div class="left">content</div>
<div class="right">content</div>

... müsste nach meinem Verständnis eine zweispaltige Tabelle
darstellen. Bei Mozilla werden alle divs untereinander
dargestellt. Abhilfe lässt sich mit .right{float:left;}
schaffen. Dann streikt aber der IE (6).

Ausnahmsweise erscheint mir das Verhalten des Internet Explorers
logischer. Gibt es da eine allgemeingültige Lösung, die in beiden
Browsern funktioniert, bzw. kann jemand sagen, welche deklaration
richtig ist und an welcher Stelle es genau hakt ?

vielen Dank und

viele Grüsse,
martin

  1. Hallo,

    füge deinem
    .right

    noch ein float:left hinzu.

    .right{
    float:left
    width:200px;
    }

    Grüße