On 8/26/05, Bruno Girin <[EMAIL PROTECTED]> wrote:
> Jason,
>
> A simple way to do this is to float both the content and the menu bar
> and have the footer clear both:
>
> #menu {
> float:left;
> }
> #content {
> float:right;
> }
> #footer {
> clear:both;
> }
>
> This works in IE and all CSS2 compliant browsers. It also means it's
> very easy to swap content and menu around if you want to.
Bruno,
Thanks for the simple explination but it's not working for me. I have
a feeling that it's not working because I want the conent div to
expand and contract - my gut feeling tells me I may not get that.
Here's what I have so far (and now it doesn't even snap up on
Firefox):
Here's what I have so far:
div.content {
float: right;
/* have it use up all the room it can get */
width: auto;
/* but shove it over 230px so the menu has room
*/
margin-left: 230px;
margin-right: 25px;
padding-bottom: 0px;
margin-bottom: 0px;
}
div.menu {
float: left;
width: 200px;
overflow: hidden;
margin-bottom: 0px;
padding-bottom: 0px;
margin-right: 0px;
margin-left: 5px;
}
It was suggested offlist that I might try a container div - with or
without it, I get the same results.
My XTHML is:
<div class="container">
<div class="header">...</div>
<div class="content">...</div>
<div class="menu">....</div>
<div class="footer">...</div>
</div>
Any ideas? I know I could start from scratch but I was hoping to
figure out what's going on here.
Thanks much for responding,
--
Jason
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
