Don Hinshaw wrote:
Hi all, I posted this question earlier this week and go no response,
and am still confused by this behavior. My example is here:
http://test.hinshawdesign.com/css/float_debug.html
When I make the viewport narrower in IE/PC, the middle column drops
down. In FF/PC the Select menu begins to overlap the right column.
IE/win will expand <div id="maincontent"> so everything fit inside, so
the whole container will drop as one.
FF (and all the other good browsers) will overflow some, and then drop
all pieces that are too wide (and everything below them) as the window
gets narrower.
I would have expected the browser to put up a horizontal scrollbar
instead.
Question: is this correct behavior?
Yes, all browsers handle it as expected.
How can I make the center column stay put and have the browser scroll
when the column contains non-wrappable content like a select menu?
By applying a large enough *min-width* to the entire page. Something
like 'body {min-width: 760px;}' may work well. It is a problem that the
select menu gets wider if font-size is bumped up though.
Of course, IE/win don't understand *min-width*, so you may have to add a
wrapper inside body and create some sort of min-width simulation for
IE/win. Most javascript and/or IE-expressions used will only work if IE6
is in quirks mode, or they won't work in IE5.0+ and IE6 with the same
definition.
regards
Georg
--
http://www.gunlaug.no
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
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/
