Sent by Alex Robinson on 4 November 2004 20:08
At 10:02 am -0800 2004/11/04, Andrew C. Lottmann wrote:
>The idea is to have a fixed-width nav column, then a stretchy
>content column that will draw a horizontal scrollbar if the content
>in that column is too wide. Works great, of course, in Firefox and
>Safari.
>
>It seems to me that IE is recognizing that the width of the content
>in the stretchy column is too wide for the page, so it's moving the
>content below the float to see if it can fit there. When the content
>won't fit there, it will draw horizontal scrollbars.
My apologies Jordan, I appear to have grasped the wrong end of the
stick you were interested in.
What you're both looking for are the min-width and max-width properties.
They do exactly what they say on the can.
Of course, IE doesn't support them, but no mind there is the
following method to get round that problem
http://www.svendtofte.com/code/max_width_in_ie/
However, the above link is academic since as you've found IE has a
bug that makes floated divs as wide as the widest element contained
within it (including margin and padding for IE6). All you need to do
is put the floats in a wrapper and make sure that it's min-width is
set to the left div's width plus the width of your fixed-width table
(or other element you want to stretch as wide as) and you're good to
go. Well, after you've set the wrapper's width to be the same so that
IE has something to expand from.
http://www.fu2k.org/alex/css/cssjunk/FloatWidthStretcherFloat
Not thoroughly tested, so if setting the width causes modern browsers
kittens, simply use one of the tried-and-tested methods to feed it to
IE alone. However it seems to work just fine in Safari, Firefox,
Opera 7.23 and, cough, IE-Mac 5
My apologies again for the misdirection in my previous post.
______________________________________________________________________
css-discuss [EMAIL-REMOVED]]
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/
