Axel Richter: IE7 zeigt 100% width nicht korrekt an

Beitrag lesen

Hallo,

<div style="position:absolute; bottom:0; width:100%; left:0; height:36; background-image:url(bgbottom.gif); background-repeat:repeat-x"></div>

In FireFox funktioniert das einwandfrei,

Kann nicht sein. Das DIV ist genau 0px hoch.

im IE7 jedoch bleibt in der unteren rechten Ecke hört die Grafik ca. 10Pixel vor dem Rand auf.

Das ist der margin vom BODY-Element, auf welches der IE die Angabe width:100% fälschlicherweise bezieht, weil er die definition von Containing Block für absolut positionierte Elemente nicht richtig verstanden hat ;-).

Setze also mindestens margin-left und margin-right des BODY-Elements für den IE auf 0.

viele Grüße

Axel