CSS layouts - index
CSS - Layouts Index
Various Layout Templates - if you would like to submit a layout to this section, please send me a copy or link along with your contact details, and the original source, if necessary.
Layouts
- Floated Column CSS Layout - This layout uses floats and is inspired by Ryan Brill's Negative Margin Technique. I've taken it a step further, simplified the source, removed wrapper divs. The source is still ordered and I believe the layout could now sustain more than three columns very easily.
- Multi Column CSS Layout - This layout template uses absolute positioning and "almost" relies on a browsers "knowledge" that an Absolutely Positioned (AP) element will "calculate" its height from its containing block providing the containing block is not position: static; (default)
- 3 Column CSS Layout - the obligatory attempt! This one actually makes use of the table display CSS properties, So it requires seperate IE stylesheets and IE5/Mac requires a different stylesheet again, but it renders well across all Version 5+ browsers.
Various
- fleur-de-lys - an official "zen Garden" submission
- phelix - an unofficial "zen Garden" submission - put into the Conceptual Category - I like it, but then I'm biased
- Listamatic - Styling Lists - an interesting and useful project running in the same vein as the Zen garden, but this project is designed solely to see what can be done with lists and CSS. I sumbmitted both a Vertically styled list and a horizontal styled list. Both are based on the same design.