Sent by francky on 31 March 2006 00:12
Austin, Darrel wrote:
>Is there a common way to solve DIVs from dropping down the page when the
>browser is shrunk short of using min-width settings?
>
>I'm having a problem mainly in IE. My markup is like this:
>
>Div pageWrapper
> div leftNav {width: 200px; float: left;}
> Div contentColumnsWrapper {margin-left: 210px;}
> div leftColumn {float: left; width: 70%;}
> div rightColumn {float: right; width: 25%;}
> div clear: both
> /div contentColumnsWrapper
>/Div pageWrapper
>
>In IE, if I reduce my window to a specific width, the leftColumn and
>rightColumn divs pop down below the leftNav div.
>
>In addition, at a certain percentage width, just my rightColumn will
>drop below the leftColumn. That issue appears to be that the two columns
>aren't retaining their percetange widths properly (ie, as the window
>shrinks, it appears both of those divs are taking up MORE than the 100%
>of the container.)
>
>Seems like a non-uncommon problem, but I haven't found a solution yet
>via google. I'm not against using min-width hacks for IE, but would
>prefer to not have to if there's a way.
>
>-Darrel
>
>
Hi Darrel,
I don't know what the name of this IE-phenomenon is, but it's indeed a
non-uncommon problem. IE is computing the width of a column in a % of
(in this case) the body width. That is too much!
With an extra box inside you can set the parent width to 100%, and then
IE is performing as it should be.
See testpages <http://www.cosbo-amsterdam.nl/tmp/dropping-down1.htm>.
Greetings,
francky
______________________________________________________________________
css-discuss [EMAIL-REMOVED]]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/