CSS Verschachtelte div's, die nicht größer werden

[CPU]

Hallo,

schaut Euch bitte mal folgenden Code an:

...
<style type="text/css">

	#body {
		border: solid 1px;
		width: 900px;
		margin: 0 auto;
		height: 150px;
	}
	
	#content {
		border: solid 1px;
		float: left;
		margin: 0px 0px 0px 10px;
		width: 600px;
		
	}
	
	#sidebar {
		border: solid 1px;
		float: right;
		margin: 0px 10px 0px 0px;
		width: 200px;
	}
	
	
</style>

...

 <div id="body">
 	
	<div id="content">
		<h1>Inhalt</h1>
	</div>
	
	
	<div id="sidebar" >
		<div id="sidebar_head"></div>
		<div id="sidebar_body">
			
			<a href="#">Link 1</a><br/>

			<a href="#">Link 1</a><br/>
			<a href="#">Link 1</a><br/>
			<a href="#">Link 1</a><br/>
			<a href="#">Link 1</a><br/>
			<a href="#">Link 1</a><br/>
			<br/>

			<b>Auch das noch ...</b>
			<p>asdsdad lads dasjadksjd sakjads adskl daskladskldas lkadskl
			asd klasdklasdkdls</p>
		</div>
		<div id="sidebar_footer"></div>	
		
	</div>
	
 </div>

...

Diser Code ist teil einer Seite, die aus drei verschiedenen Teilen besteht: Head, body und footer.

Mein Problem ist, dass der body-div nicht größer wird, wenn sich der sidebar-div in der höhe verändert. Wie kann man es nin hinbekommen, dass der body-div in her Höhe wächst, wenn der sidebar-div in der Höhe wächst?[/B

Danke schon mal vorab,
CPU

P.S.: Ich hätte mal gegoogelt, aber leider hab ich keine Ahnung, was ich eingeben soll!

 

[msycho]

Mach mal in der #sidebar

float: left;

Dazu noch folgenden neuen Eintrag in die CSS:

div.clear {
      clear: left;
    }

Dann fügst du vor dem Ende-Tag des Body-Divs das ein:

<div class="clear">&nbsp;</div>

 

[CPU]

Vielen Dank

CPU