Hi, I'm working on a layout with 2 divs floating in a container div. The two divs float left and right so essentially they are two columns, however, I have it designed so that they only float side-by-side when the screen resolution expands to a certain point. The aim of this is that at 800X600 the two divs are one on top of the other, div1 contains text, div two contains graphics. Scenario 1 (at 800X600) should look like this:
<NAV> <DIV1 floated right> <DIV2 floated left> At higher resolutions div1 (the text div) slides over to the right so now in Scenario 2 it looks like this: <NAV> <DIV2 floated left><DIV1 floated right> This is what I want to happen so that's fine. The problem I have is I can't get DIV1 to automatically expand to fill whatever amount of screen area it has. The only way I can get the above to function is to apply a fixed width to DIV1, which screws up the layout at 800X600, cause it ends up looking like this: <NAV> <DIV1 floated right> <DIV2 floated left> Div1 always ends up tucked off to the right side of the screen cause it's given a fixed with. Giving it 100% stops it from sitting nicely on top of DIV2 (it expands to fill all screen space available to it), using AUTO as the width gives the same problem. As this is only part of an overall layout the code is quite complex so I'm not really able to post it here or provide a live example. I hope this is clear enough, if not I'll try to put something together to illustrate what I'm on about. Cheers. ______________________________________________________________________ css-discuss [EMAIL PROTECTED] 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/
