I'm attempting to build a flexible-width CSS layout, which is basically a modified 3-column layout, featuring an additional area under the header that spans the left and center columns. Both the center column and the "additional" area would have flexible widths... I'm having no luck working this out. Below are some notes about what the design calls for. The link included is to a basic schematic of the page structure, noting fixed and fluid parts of the page. If anyone can point me in the right direction to produce something that will work in modern browsers, I would greatly appreciate it. Thanks!!
--Container div around layout resizes, with min- and max-width spec'd (say, 760px and 950px); after max width reached, container centers left/right in viewport (Understanding that proprietary IE expressions will be needed for this min/max effect in Win IE) --The main three vertical content columns don't all have to be same height, but footer must fall below all three (i.e. after longest) --Left nav column and right-hand sidebar column are fixed width --Header and footer are the full width of the container div --Region 1 and 2 are flexible in width, within the container's specs Note 1 (see sketch): Region 1 must always extend to the left edge of the container, where it would left align to the left column Note 2 (see sketch): Region 1 must always extend to the right edge of Region 2, and both Region 1 and 2 must extend to the left edge of the right sidebar column The link: http://www.sledbag.com/layout.html ______________________________________________________________________ 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/
