I have a floating navigation on the left side of the browser using the
trusty float:left; it has a width that is 120px wide. On the right is
the main section of page and contains a table and has a margin-left of
125px so that it's contents don't touch the navigation.
Ideally the table would expand horizontally and take up the rest of
the page but not expand outside the browser window. When I set the
table width to 100%, gecko and khtml browsers render it as desired,
but IE calculates the width of the browser window and draws the table
to that width - since I have a margin-left (I've also tried
padding-left) of 125px the table runs off the window by about 125px.
Since this is a fluid design, I can't set a specifc width. Are there
any tricks or hackes to get IE to behave as desired. Any suggestions
other than restrict 85% of the web world?
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/