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.
> I've illustrated the problem here:
In addition to the method suggested by Alex, which assumes that you know the
width of the widest element in your main column, you could also consider the
following, which doesn't need such assumption:
Rework the layout using two floated columns (the main 100% wide), applying
the negative margins method. This is mainly used for other purposes (source
ordered columns), but seems beneficial for this drop of wide content in
IE/Win as well. Look at this example : it is exactly yours, after this
reworking. A couple of hacks are needed, but the result is what you want,
and AFAIK all main browsers seems OK.
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/