http://www.wpdfd.com/forums/wpdfd/layout/css_layout_query/ A Layout forum thread at WPDFD.com en-us 09/15/04, 259 03 2004 2004:%i:1095264189 12:03:09 06/07/13, 158 17 2013 2013:%i:1370593037 04:17:17 http://blogs.law.harvard.edu/tech/rss NineLabs Framework Feed Generator sitemaster@wpdfd.com sitemaster@wpdfd.com http://www.wpdfd.com/forums/wpdfd/layout/css_layout_query/#p1303
I'm trying to produce a 2 column css layout for a site but I need some help.

The goal is to create a fixed width left column and a fluid right hand column that expands to the right edge of the screen. I've looked around and can't find any examples of this specific type of 2 column layout or even any explanations.

Does anyone have any ideas? Is this combination of fixed and fluid possible even?

Cheers]]> 09/15/04, 259 03 2004 2004:%i:1095264189 12:03:09 http://www.wpdfd.com/forums/wpdfd/layout/css_layout_query/#p1303 http://www.wpdfd.com/forums/wpdfd/layout/css_layout_query/#p1304
Look here...

http://www.wpdfd.com/editorial/basics/index.html

you will see a fixed left column and fluid right but I have set limits on how wide it can go like this...

max-width: 500px;
min-width: 350px;

Look at the style sheet

http://www.wpdfd.com/editorial/basics/basicsstyles.css]]> 09/15/04, 259 14 2004 2004:%i:1095275652 15:14:12 http://www.wpdfd.com/forums/wpdfd/layout/css_layout_query/#p1304 http://www.wpdfd.com/forums/wpdfd/layout/css_layout_query/#p1305
I simplified question in my first post for the sake of clarity. In fact I've also found that I was asking slightly the wrong question...

I realised that the fluid right hand column issue was fine. The real problem was how to subsequently divide the right hand column into horizontal coloured blocks using divs. The div lenghts to be defined by the screen width and not by their content.

I may have found the solution ...]]> 09/16/04, 260 25 2004 2004:%i:1095326717 05:25:17 http://www.wpdfd.com/forums/wpdfd/layout/css_layout_query/#p1305 http://www.wpdfd.com/forums/wpdfd/layout/css_layout_query/#p1306 09/16/04, 260 04 2004 2004:%i:1095343487 10:04:47 http://www.wpdfd.com/forums/wpdfd/layout/css_layout_query/#p1306 http://www.wpdfd.com/forums/wpdfd/layout/css_layout_query/#p1307 09/16/04, 260 17 2004 2004:%i:1095362241 15:17:21 http://www.wpdfd.com/forums/wpdfd/layout/css_layout_query/#p1307 http://www.wpdfd.com/forums/wpdfd/layout/css_layout_query/#p1308
So I've finally used a solution that is part mine and part yours Joe.

I have been trying to use a "max-width" setting but IE6 (Win) and IE5 (Mac) appear to ignore it ... Safari is fine with "max-width" but ignores "min-height", Mozilla (Win) reads both.

Any ideas? Is this a(nother) known problem with IE?

Thanks]]> 09/16/04, 260 46 2004 2004:%i:1095367571 16:46:11 http://www.wpdfd.com/forums/wpdfd/layout/css_layout_query/#p1308 http://www.wpdfd.com/forums/wpdfd/layout/css_layout_query/#p1309 09/16/04, 260 23 2004 2004:%i:1095373396 18:23:16 http://www.wpdfd.com/forums/wpdfd/layout/css_layout_query/#p1309