2 divs in elkaar

[nl18663]

Hallo,

wat ik wil is 2 divs in elkaar waarvan ik degene die in de andere div zit rechts wil hebben zodat ik links nog zaken kan neerzetten:

#bodyDiv {
	height: 100%;
	width: 684px;
	margin-top: 0px;
	margin-right: 0px;
}
#containerDiv {
	height: 100%;
	width: 100%;
}
#menuDiv {
	height: 100%;
	width: 974px;
	clear: both;
}

<div id="containerDiv">
<div id="menuDiv">test
  <div id="bodyDiv">test</div>
  <div id="footer">footer</div>
</div>
</div>

hoe krijg ik dat voor elkaar? want wat er gebeurt is als ik content zet in de menuDiv dan gaat de bodyDiv naar beneden.
maar ik wil ook hebben dat als er meer content in de body is dat menuDiv automatisch in lengte mee groeit.

alvast bedankt!

Hans

 

[peter vazed]

wat ik wil is 2 divs in elkaar waarvan ik degene die in de andere div zit rechts wil hebben zodat ik links nog zaken kan neerzetten:

... welke div in welke div?
.. hebben die ook namen?

google eens op css float



// edit, je hebt het zelf al opgemerkt

 

[nl18663]

met float bereik ik niet dat de menuDiv met de bodyDiv mee groeit. aangezien de body float.

 

[peter vazed]

http://www.gigadesign.be/2006/03/faux-columns-maken/

meer googel op:
css faux column

 

[csshunter]

Of misschien deze?