Darstellungsfehler IE

Hallo zusammen,

ich habe bei einem Layout das Problem, dass der IE die linke Box statt sie Links zu belassen an die rechts Browserfensterseite klatscht.
http://prescher.net/files/layout.jpg
Alle sonstigen Browser die ich getestet habe, stellen nach meinen Wünschen dar.

Wo kann ich das Problem suchen?

#content {

 float: left;

 margin-top: 20px;

 margin-left: 30px ;

 background: #EBB11D;

 border: 2px solid #ccc;

 width: 200px;

 opacity:0.6; 

 filter:Alpha(opacity=90);

 position: absolute;

 color:#000;

 height:550px;

 }



#content2 {

 float: left;

 padding: 10px; 

 margin: 20px 30px 50px 250px; 

 background: #A71E1E;

 opacity:0.6; 

 filter:Alpha(opacity=90);

 border: 2px solid #ccc;

 position: absolute;

 }

Hallo Andreas,

ich habe bei einem Layout das Problem, dass der IE die linke
Box statt sie Links zu belassen an die rechts
Browserfensterseite klatscht.
http://prescher.net/files/layout.jpg
Alle sonstigen Browser die ich getestet habe, stellen nach
meinen Wünschen dar.

Tritt das Phänomen nur im IE6 auf oder auch im IE7?

Mit Rücksicht auf dessen Doubled-Margin-Bug empfiehlt es sich für den IE6, jedem Element das floatet, auch „display:inline;” zu verpassen. Das ist zwar purer Nonsens, weil floatende Elemente per se Blockdisplay haben, es stellt aber den IE6 zufrieden und schadet vernünftigen Browsern auch nicht.

Gruß Gernot

Auch im IE 7.

Füge ich Display:inline hinzu bringt es keine Änderung und vermasselt das Layout auch im Iceweasel unter Linux.

Ich habe dir hier mal den Direktlink, vielleicht habe ich ja auch wo anders was verbockt…
http://prescher.net/files/haguruma/

Danke und Grüße Andreas

Hallo Andreas,

Ich habe dir hier mal den Direktlink, vielleicht habe ich ja
auch wo anders was verbockt…
http://prescher.net/files/haguruma/

ja, das kann man wohl sagen: Es ist schon ziemlich irre, ein Element gleichzeitig floaten zu lassen und es absolut zu positionieren.

Sorry, dass mir das nicht gleich ins Auge gesprungen ist.

Gruß Gernot

1 Like

Peinlich stimmt. :frowning:

Danke dir :smile: