problem mit ff und ie7 css layout

djonny · #1 (**permalink**) 03.12.2007, 10:34

Hallo,
Vorweg ich bin völliger einsteiger in Sachen div layout..

Ich habe jetzt eines probiert zu erstellen habe es nun auch endlich so hinbekommen so wie ich es wollte nur jetzt tritt ein problem auf und zwar ie7 zeigt alle divs nebeneinander??

könnt ihr mir bitte helfen die validatoren zeigen keine Probleme

Link Unbenanntes Dokument

und hier der Code

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>test</title>
<style type="text/css" media="screen">
body {
	overflow: hidden;
	background-color: #b4101d;
}

#main-box {
	margin: 0px auto;
	padding: 0px;
	text-align: left;
	width:800px;
	height: 600px;
	border: 2px solid #ffffff;
	margin-top: 10px;
}

#header {
	width: 600px;
	height: 157px;
	border-bottom: 2px solid #ffffff;
	border-right: 2px solid #ffffff;
	background: #00FF00;
	float: left;
}

#rechtsoben {
	width: 198px;
	height:	157px;
	border-bottom: 2px solid #ffffff;
	background: #00FFFF;
	float: left;
}

#navirechts {
	width: 198px;
	height: 20px;
	border-bottom: 2px solid #ffffff;
	background: #FF99FF;
	clear: left;
	float: right;
}

#navi {
	width: 600px;
	height: 20px;
	border-bottom: 2px solid #ffffff;
	border-right: 2px solid #ffffff;
	background: #0000FF;
	clear: left;
	float: right;
}

#content {
	width: 600px;
	height: 419px;
	border-right: #ffffff;
	background: #336633;
	overflow: auto;
	clear: left;
	float: right;

}

#rechts {
	width: 198px;
	height: 419px;
	background: #FFFF99;
	clear: left;
	float: right;
}


	
</style>
</head>
<body>
<div id="main-box">
	<div id="header">header</div>
    <div id="rechtsoben">rechtsoben</div>
	<div id="navirechts">navirechts</div>
    <div id="navi">navi</div>	
	<div id="rechts">rechts</div>
	<div id="content">content</div>
</div>
</body>
</html>

Bitte helft mir ich bin schon am verzweifeln...

mfg djonny

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
CSS Problem in IE7	Stiwano	CSS	1	26.05.2011 11:48
Doctype und CSS Problem	tech	CSS	3	29.05.2009 20:16
layout mit css - problem	xxlcss	CSS	1	30.12.2005 02:25
problem ausrichtung grafik und rand (css layout)	celine@23	Barrierefreiheit	1	28.12.2005 13:05
css layout problem mit 3 zentrierten div´s	horst	CSS	5	19.08.2005 09:34