DIV in IE6 + IE7

[löwe]

Hallo liebes Forengemeinschaft,

ich habe eine HTML Seite aufgebaut. In der HTML Seite ist auch eine Verlinkung zu meiner CSS Datei.

Mein Problem ist, dass ein DIV beim IE7 richtig angezeigt wird aber beim IE6 völlig was anderes, genauer gesagt, ist im DIV bei IE6 ein ca. 450px große freie Fläche, die ich mir gar nicht erklären kann. Bei FF zeigt es genauso an wie bei IE7.

Hier ein paar Codeausschnitte:

  
#content{  
 margin-left:210px;  
 width:580px;  
 min-height:450px;  
 border-bottom:solid 1px #000000;  
 padding-top:17px;  
 padding-bottom:17px;  
 }  

  
<div id="content">  
HIER IST MEIN SORGENKIND  
</div>  

Kurz zur Info, links und rechts neben content sind noch DIV's die 200px breit sind und bei denen min-height:450px ist.

Viele Grüße
löwe

[Gunnar Bittersmann]

@@löwe:

Hier ein paar Codeausschnitte:

http://community.de.selfhtml.org/zitatesammlung/zitat1301

Live long and prosper,
Gunnar

[Hopsel]

Hi löwe!

Mein Problem ist, dass ein DIV beim IE7 richtig angezeigt wird aber beim IE6 völlig was anderes, genauer gesagt, ist im DIV bei IE6 ein ca. 450px große freie Fläche, die ich mir gar nicht erklären kann. Bei FF zeigt es genauso an wie bei IE7.

Ich kann mir unter der "großen freien Fläche" nicht wirklich etwas vorstellen.
Aber sicher ist der Unterschied, den du bemerkst auf

min-height:450px;

zurückzuführen.
Das versteht der IE6 nicht und ignoriert es. Dafür interpretiert er height wie min-height. Siehe auch: https://forum.selfhtml.org/?t=179087&m=1181520

MfG H☼psel