Hi.
Ich habe ein problem mit der Darstellung meiner Seite. Und kaun zu glauben ... IE macht das diesmal richtig und Firefox hingt hinterher.

Bild1: Internet Explorer
Bild2: Firefox

Es soll also so aussehen wie auf Bild1 (Internet Explorer)

Hier die CSS Datei

Code :

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37

/* CSS Document */ body{   font-family:Arial, Helvetica, sans-serif;   font-size:10px;   background-color:#000000; } #main{     width:800px;     height:auto;     background-color:#000000;     border: 1px solid #A6A6A6;     margin: 0px auto;     padding:0px 0 0 0px; } #banner{     width:800px;     height:50px;     background-color:#333333; } #content{     width:800px;     height:auto;     background-color:#666666; } #navigation{     width:150px;     height:auto;     background-color:#999999;     vertical-align:top;     float:left; } #inhalt{     width:650px;     height:auto;     background-color:#CCCCCC;     float:left; }

Link zur Seite: Hier

Ich wer Sehr froh wen mir wer sagen könnte woran das liegt und wie ich das beheben kann.

MfG aCid

Was soll der <div id="content"></div> da? Der ist unnötig in meinen Augen...gib dem #main einfach die Hintergrundfarbe, die momentan noch der #content hat.

Des Weiteren kannst du height: auto; auch immer rausnehmen, da das immer autom. schon vom Browser vergeben wird:
http://css4you.de/height.html

OK ... jezt habe ich das weggenommen. Aber so wie es soll sieht es immernoch nicht aus =)

Zitat von djacid

OK ... jezt habe ich das weggenommen. Aber so wie es soll sieht es immernoch nicht aus =)

Dann liegt es an dem Float...dadurch behandelt er die Höhe als 0, setz mal min-height!

Das ist ja dann auch nur ne Mindesthöhe... will das ja so haben wie es im IE aussieht.


MfG aCid

Kann mir hier echt keiner mit dem Problem helfen ?