Box Layout

by ChrisStanyon

HTML

<div id="container">
    <div id="leftMenu">This is the left menu</div>
    <div id="googleAds">This is the adverts</div>
    <div id="rightMenu">This is the right menu</div>
</div>

CSS

#container { width: 890px; border: 1px solid black; padding: 4px; overflow:hidden; }
#leftMenu { float:left;width: 330px; border: 1px solid green; padding: 4px; margin: 5px; } 
#rightMenu { float:left; width: 330px; border: 1px solid green; padding:4px; margin:5px; }
#googleAds { float:left; width: 170px; border: 1px solid blue; padding: 4px; margin:5px; }