Problem mit der Darstellung

[_root]

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

/* 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

 

[Stibie]

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

 

[_root]

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

 

[Stibie]

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!

 

[_root]

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


MfG aCid

 

[_root]

Kann mir hier echt keiner mit dem Problem helfen ?