Divs nebeneinander anordnen

etti

Grünschnabel
Ich hab da ein kleines Problem. Ich würde gerne 2 Divs nebeneinander anordnen in einem größeren. Der 2. Div soll nur rechts neben dem ersten angezeigt werden und nicht wie in meinem Beispiel auch darunter. Außerdem soll sich der 2. Div über die ganze breite von 1000 Pixel erstrecken wenn der erste ausgeblendet wird.

Ich sitze daran schon seit Ewigkeiten. Irgendjemand eine Idee?



HTML:
<head>
<style type="text/css">
#d1 {
	width:1000px;
}
#d2 {
	width:300px;
	height:40px;
	float:left;
	background-color:#00F;
}
#d1 {
	float:left;
	background-color:#00FF00;
}
</style>
</head>
<body>
<div id="d1">
<div id="d2">asdf asdf asdf asdf asdf asfd saf sasa sda sdf sadf sadf sadf sda sdaf sdfa fsda fsda
</div>
<div id="d3">
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
</div></div>
</body>
</html>
 
Zurück