✔ Probleme mit dynamischem Div

M

Malaxo

Erfahrenes Mitglied
Hey Leute

Ich komm leider nicht weiter. Im FF & IE8 hats schon mal geklappt aber es muss auch im IE6 klappen.

Ich habe ein "Header" der über alles geht - OK

Ein "Menu" auf der linken Seite und ein div "Rechts" auf der rechten Seite - OK

Das div "Menu" und "Rechts" müsste immer gleich lang sein - Dies bring ich nicht hin.
Dazu müsste im "Menu" div, das div "unten" immer ganz unten in diesem "Menu" div sein.

Ich habe noch ein Bild hinzugefügt - hoffe Ihr versteht mich und könnt mir helfen.
Die HTML & CSS Dateien sind mal nur auf dies reduziert.

HTML:
HTML: 
<html>
	<head>
		<title></title>
		<style type="text/css">
			@import url("css.css");
		</style>
	</head>
	<body>
		<div id="container">
			<div id="header">
				Das ist der Header
			</div>
			<div id="gride">
				<div id="menu">
					<div id="links">
						links
					</div>
					<div id="unten">
						unten
					</div>
				</div>
				<div id="rechts">
					rechts<br />rechts<br />rechts<br />rechts<br />
					rechts<br />rechts<br />rechts<br />rechts<br />
					rechts<br />rechts<br />rechts<br />rechts<br />
				</div>
				<div id="clear">
				 &nbsp;
				</div>
			</div>
		</div>
	</body>
</html>

CSS:
HTML: 
#container {
	border: 3px solid #000;
	width: 600px;
	padding: 10px;
}

#header{
	width: 100%;
	height: 50px;
	border: 1px solid green;
}

#gride{
	width: 100%;
}

#menu{
	float: left;
	width: 200px;
	border: 1px solid #00FFFF;
}

#links{
	width: 100%;
	border: 1px solid red;
}

#unten{
	position: relative; 
	bottom: 0px;
	width: 100%;
	border: 1px solid blue;
}

#rechts{
	float: right;
	width: 390px;
	border: 1px solid #FFFF00;
}

#clear{
	clear: both;
}
 
Um antworten zu können musst du eingeloggt sein.

Neue Beiträge

Zurück