[CSS] Browserkompatibilität

thepro1

Lt. Junior Grade
Dabei seit
Apr. 2008
Beiträge
411
Hallo liebes Forum,

ich habe einen netten Fehler, der sich im Designs meiner Homepage(preAlpha :D ) befindet.
Mein selbstgebasteltes Design wird im Chrome & Firefox richtig angezeigt, im IE 8 jedoch nicht (Grafiken im Anhang). Ich habe den Vormittag mit googeln verbracht, allerdings ohne erfolg. Habt ihr vielleicht eine Idee?

Hier mein CSS:

HTML:
@CHARSET "ISO-8859-1";

body{
	text-align: center;
	background:#FFF;
}
div#zentriereSeite{ 
	margin: 0 auto 0 auto; 
	text-align: left; 
	/*801px = 170+630+1 damit sich die seite beim verkleinern des fensters nicht kaputt geht :)*/
	width: 801px;
}
div#header{
	width: 800px;
	height: 100px;
	background-color: #4477EE;
	
}
div#menue{
	width: 170px;
	height: auto;
	background-color: #CC0000;
	float: left;
}
div#content{
	width: 630px;
	height: auto;
	margin-left: 170px;
	background-color: #CC00FF;
}
div#footer{
	width: 800px;
	height: 22px;
	background-color: #DDFF00;
	clear: left;
}
 

Anhänge

  • ff & chrome.PNG
    ff & chrome.PNG
    7,2 KB · Aufrufe: 133
  • ie.PNG
    ie.PNG
    10,7 KB · Aufrufe: 135

NullPointer

Lt. Commander
Dabei seit
Okt. 2009
Beiträge
1.570
Hast du mal versucht, dem Content-div auch "float: left" zu verpassen?
 

shrek456

Lieutenant
Dabei seit
Dez. 2009
Beiträge
631
Haste schon probiert den Content Div per position: absolute; und dann halt per left: ...px; an die richtige Stelle rücken?
 

Janitor

Ensign
Dabei seit
Juni 2008
Beiträge
175
Wie sieht dein Doctype aus?
Versuchs mal so.

Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Unbenanntes Dokument</title>
<style type="text/css">
body{
	text-align: center;
	background:#FFF;
}
div#zentriereSeite{ 
	margin: 0 auto 0 auto; 
	text-align: left; 
	/*801px = 170+630+1 damit sich die seite beim verkleinern des fensters nicht kaputt geht :)*/
	width: 801px;
	clear:both;
}
div#header{
	width: 800px;
	height: 100px;
	background-color: #4477EE;
	
}
div#menue{
	width: 170px;
	background-color: #CC0000;
	float: left;
}
div#content{
	width: 630px;
	float:left;
	background-color: #CC00FF;
}
div#footer{
	width: 800px;
	height: 22px;
	background-color: #DDFF00;
	clear: left;
}
</style>
</head>
<div id="zentriereSeite">
<div id="header">

</div>
<div id="menue">

</div>
<div id="content">

</div>
<div id="footer">
</div>
</div>

<body>
</body>
</html>
 
Zuletzt bearbeitet:
Top