div + float problem - mal wieder ;o)

[Matthias]

Hi zusammen,

ich habe folgendes Problem:

css angaben:

  
#content  
{  
     width:100%;  
}  
  
#content div.elementborder_class_left  
{  
     float:left;  
     width: 7em;  
     height: 2.5em;  
     border-color: #A9B0B6;  
     border-style: solid;  
     border-width: 0.1em;  
  
}  
  
#content div.elementborder_class_right  
{  
     width: 20em;  
     height: 2.5em;  
     border-color: #A9B0B6;  
     border-style: solid;  
     border-width: 0.1em;  
  
}  

und html:

  
<div id='content'>  
<div class='elementborder_class_left'>linke seite</div>;  
<div class='elementborder_class_right'>rechte seite</div>  
<div>  

Wenn ich das jetzt bei mir ansehe:
IE7: ist das rechte div ein kleines stück weg vom linken
FF3: überlagert sich die beiden divs, also das rechte ist "in dem" linken oder umgedreht...

Kann mir vielleicht jemand nen tipp geben, warum???

Falls ich ins rechte ein margin-left:XXpx setze und den xx-Wert so ansetze, dass die beiden Rahmen (linkes div, rechter Aussenrand, rechtes div linker Aussenrand) sich überschneiden, stimmt dies nur im ie, nicht im ff...

Vielleicht kennt ja jemand diesen Fehler.. ;o)

vg, matze

[ritschmanhard]

Hi Matze!

Also, das Firefox-verhalten resultiert aus einem ";":

<div class='elementborder_class_left'>linke seite</div>;

----------------------------------------------------------^

Lässt du den weg, so funktioniert die Ausrichtung.
Der IE Fehler mit der Spalte kommt meines erachtens daher, dass der IE (6) CSS nicht beherrscht - google doch mal nach: IE 3 Pixel Gap

Grüsse,
Richard