DIV mit 100% width in IE6

[gigi]

hallo,

ich habe eine seltsame entdeckung gemacht (zumindest für mich ist es seltsam ;)

ich habe in einem CSS ein folgendes definiert

.content {
position: absolute;
left: 243px;
top: 200px;
width:100%; /* ist optional, effekt mit oder ohne derselbe!
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #000000;
}

effekt:

bei NS, Mozilla und IE 5.x wird das DIV in das fenster eingepasst, der benutzer kann den gesamten text lesen

IE6: das zugehörige DIV wird nun tatsächlich so breit wie das browser-fenster, läuft aber wegen dem left:243px  nach rechts raus und der leser muss horizontal scrollen.

kann mir jemand eine erklärung geben? vielen dank im voraus

GiGi

[Orlando]

Hi,

left: 243px;
width:100%;

bei NS, Mozilla und IE 5.x wird das DIV in das fenster eingepasst, der benutzer kann den gesamten text lesen

Grundsätzlich: Die Breite bezieht sich auf die Breite des Elternelements.

IE6: das zugehörige DIV wird nun tatsächlich so breit wie das browser-fenster, läuft aber wegen dem left:243px  nach rechts raus und der leser muss horizontal scrollen.

Wenn das übergeordnete Element eine Breite von 100% hat, ist das korrekt. Wenn nicht - dann nicht.

kann mir jemand eine erklärung geben? vielen dank im voraus

Der M$IE 5.x hat einen Bug, der unter bestimmten (häufigen...) Umständen auch beim 6er auftritt. Beschäftige dich mit dem Box Model des W3C, dem entsprechenden Bug im M$IE und dem daraus resultierenden "doctype switching":

http://www.w3.org/TR/REC-CSS2/box.html
 http://msdn.microsoft.com/library/en-us/dnie60/html/cssenhancements.asp
 http://gutfeldt.ch/matthias/articles/doctypeswitch.html

LG Roland