IE Problem: margin-left und Zeilenumbruch

[Stefan E]

Hallo zusammen
Ich habe zwei nervige Probleme beim erstellen einer HTML Seite. Der Firefox interpretiert meinen Code so wie ich es gerne hätte doch der IE macht zwei Fehler.

Meine Testseite findet ihr unter http://www.webengine.ch/doping/test.html.

Nun meine Probleme sind ersten (Kreis), dass der IE den margin-left des Div-Blockes "right". Der Rechte Block hat einen Abstand von rund 55px im IE obwohl ich 27px im css angegeben habe. (Der Firefox zeigt den Block richtig mit einem Abstand von 27px)

Zweitens (Pfeil) zeigt der IE das Hintergrundbild nochmals unter dem bg-bottom.gif. Ich habe herausgefunden, dass dies nicht auftritt wenn ich den </div> Tag direkt nach dem Bild im Code habe und nicht auf einer neuen Linie. (Auch hier wieder zeigt der Firefox das ganze so wie ich es haben möchte)

Wo sind meine Fehler im Code, oder wie kann ich die Macken des IE umgehen?

Vielen Dank für eure Hilfe.
Stefan

[MudGuard]

Hi,

Nun meine Probleme sind ersten (Kreis), dass der IE den margin-left des Div-Blockes "right". Der Rechte Block

Wieso eigentlich der rechte? Der ist doch links ...

hat einen Abstand von rund 55px im IE obwohl ich 27px im css angegeben habe. (Der Firefox zeigt den Block richtig mit einem Abstand von 27px)

Vermutung: Doubled float margin bug

cu,
Andreas

[Stefan E]

Hey

Wieso eigentlich der rechte? Der ist doch links ...

OK er ist links :-) wird wohl zeit für eine Pause

Vermutung: Doubled float margin bug

Ist das ein IE bug oder meinst du in meinem Code??

  
body {  
 color: #222222;  
 background-color: #F2F2EE;  
 text-align:center;  
 margin-top:0px;  
 font-family: Verdana, Lucida, sans-serif;  
 font-size: 11px;  
}  
#main {  
 width: 708px;  
 display: block;  
 text-align:left;  
 margin-top:20px;  
  
 background-image:url(../images/design/bg-general.gif);  
 background-repeat:repeat-y;  
 border: 1px dotted gray;  
}  
  
#main #right {  
 width: 205px;  
 border: 1px dotted gray;  
 margin-left:27px;  
 float: left;  
 display: block;  
}  
  
#main #content {  
 width:422px;  
 margin-left:259px;  
 border: 1px dotted gray;  
 display: block;  
 position:relative;  
}  

Hab ja margin-left nur einmal definiert.

[Detlef G.]

Hallo Stefan

Vermutung: Doubled float margin bug
Ist das ein IE bug oder meinst du in meinem Code??

Das ist ein Bug des IE.

Auf Wiederlesen
Detlef

[Stefan E]

das muss doch aber irgendwie gelöst werden können oder nicht?
Wie macht den ihr das, dass es unter IE und Firefox gleich bzw. ähnlich aussieht? Normalerweise interpretieren beide den margin recht anständig.