Thread: Left Navigation Issue

I am having an issue trying to create a layout with the left navigation being 175px wide and the right side stretching 100%. Whenever I set the table width, or the div width, on the right side to 100%, it always overflows and drops below the div on the left. Does anyone have any code that alleviates this problem? I am sure it is something very simple that I am doing wrong.

You can't have a 100% width in one column and expect it to be on the same "line" as the another column. 100% width will take up 100% of that space. I have something similar, but I use, for example, 12em for the left column and then 80% for the right column. You will have to use the same principle.

See if this works:

Code:

<div id="left">
left content
</div>
<div id="right">
right content
</div>

Code:

#left
{
    float:left;
width:175px;
}
 
#right
{
 overflow:hidden;
zoom:1;
} 

I think that should stretch the right hand div to fill the available space.