How-to Create Easy CSS Fluid Layouts
January 5th, 2007
If you're new here, you may want to subscribe to my RSS feed. Thanks for visiting!
Over on 24 Ways, Nate Koechley has posted a great tutorial on creating Intricate Fluid Layouts in Three Easy Steps (creating Fixed Width layouts is also an option).
Nate developed the layout system, YUI Grids CSS, with three components which can be used together or independently. From 24 Ways:
The Three Easy Steps
- Choose fluid or fixed layout, and choose the width (in percents or pixels) of the page.
- Choose the size, orientation, and source-order of the main and secondary blocks of content.
- Choose the number of columns and how they distribute (for example 50%-50% or 25%-75%), using stackable and nestable grid structures.
This is a great tutorial and will help those not exeperienced with CSS the opportunity to create fluid (or fixed) CSS layouts easily.
