Ted wrote: > Hi all, > > I'm looking for a 4 column CSS template, but I haven't been able to > find quite what I'm after. Here is a crude rendition of what I'd like: > > +---++------------+ > | 1 || 2 | > | |+------------+ > | || | > | || | > +---+| 3 | > | | > | | > | | > | | > +-----------------+ > | 4 | > +-----------------+ > > Column 1 - Menu (fixed to top left) > Column 2 - Header (fixed to top) > Column 3 - Body (scrollable vertically) > Column 4 - Footer (fixed to bottom) >
This is not a four column layout. It's a four div layout with two columns and a full-width footer. But that's neither here nor there. What's important is not the amount of columns you need, but how to achieve columns -- floating -- and how to achieve scrolling -- overflow. Once you get these concepts worked out, you can use them to create layouts of however many columns you desire. > 1] Columns 1, 2, and 4 will be absolute and stationary, and column 3 > will be scrollable. > 2] Columns 2 and 4 should always be visible and ride above column 3, > no matter the window size. > 3] Column 1 should ride above column 4 (if it's tall enough) > 4] Columns 2, 3, and 4 should be expandable to the right (fluid?) to > fill the browser window, but always hug column 1, which will be a > fixed width. > 5] Columns 1 and 2 should be able to 'expand' vertically, depending > on their content. > 6] There should be no gaps between columns > I suggest you use one of the examples on our wiki page about emulating frames as your starting point: http://css-discuss.incutio.com/?page=EmulatingFrames Zoe -- Zoe M. Gillenwater Design Services Manager UNC Highway Safety Research Center http://www.hsrc.unc.edu ______________________________________________________________________ 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/
