That would IE's interpretation of the box model:
http://en.wikipedia.org/wiki/Internet_Explorer_box_model_bug
I would approach it like this:
HTML
... (header, banner, etc)
<div class="framing">
<div class="nav">...</div>
<div class="content">...</div>
</div>
<br class="clear"/>
... (footer, etc)
CSS
.framing { width: 90%; }
.nav { float:left; width: NNem }
.clear { clear:both}
Where NN is the width of your navigation bar measured in ems (width of
an uppercase 'M') so the nav bar can scale with the font size the user
selects (e.g., Ctrl-+ and Ctrl--).
dcm
On Dec 1, 12:50 pm, msl <[EMAIL PROTECTED]> wrote:
> Hi,
>
> I am trying to make a page that has a fixed width navigation bar on
> the left and a relative width (spans to the browser's window size)
> main content section on the right. I want the combination of the two
> to size to the browser window as well. So basically a fixed with
> navbar and the content takes up the rest of the page. I can't seem to
> get this to work without manually setting very small value for the
> content div. However, this value shouldn't be constant, because it
> should be higher when the browser window is larger.
>
> I'm trying to take the plunge and ditch my tables that worked so
> nicely, cross-platform even, but not being able to do something this
> simple is frustrating. Also note that, ironically, I can get it to
> work as expected in IE, but it's FF that's giving me trouble. FF drops
> the main content div to be below the navbar. I'm sure it has something
> to do with it thinking that the page is too wide, but I don't know how
> to fix that. Also, if it matters, I have my container/wrapper for the
> whole body set to 90% as I want the nice centered feel.
>
> Thanks in advance,
>
> Matthew
--~--~---------~--~----~------------~-------~--~----~
You received this message because you are subscribed to the Google Groups
"Design the Web with CSS" group.
To post to this group, send email to [email protected]
To unsubscribe from this group, send email to [EMAIL PROTECTED]
For more options, visit this group at
http://groups.google.com/group/css-design?hl=en
-~----------~----~----~----~------~----~------~--~---
