On Jun 10, 2005, at 2:25 PM, Gunlaug Sørtun wrote:
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.
This solution is the best I can think of as well. It's obviously not
ideal because it doesn't stretch according to content. Unfortunately
this is the one feature of table rendering that is not present in CSS
at all:
The ability to set a width to the minimum required to hold its
contents. Partially this is because the algorithm for rendering
tables is fuzzy in a lot of areas... how wide should each column be
under various circumstances? Should it expand to 100% width for all
paragraphs, or only if there's a single element that extends farther?
if the latter, than what's a reasonable with to start breaking lines?
All in all though, I think it's a weakness in the CSS
spec.______________________________________________________________________
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/
