[thelist] CSS -- two divs inside a horizontally centered div of fluid width

[Lonnie Kraemer]

> I'm banging my head over this one -- there has to be a simple way of
> getting this to do what I'm after :)
>
> Hopefully this explains what I'm wanting:
>
> <div id="main">      # width 80%, centered on page
>
> <div id="sidemenu">  # 120px wide, on the left
> ...
> </div>
>
> <div id="content">   # fills up the rest of the 80%, on the right
> ...
> </div>
>
> </div>

Have you tried:

#main {width:80%;margin:0 auto;}
#sidemenu {width:120px;float:left;}
#content {margin-left:120px;}

<div id="main">
<div id="sidemenu"></div>
<div id="content"></div>
</div>