Check out this photo on Google Picasa: Africa Safari. I love it for its expressiveness. It beautifully shows us how much character those animals possess. The focus is just perfect...
When working on websites, one of the most common patterns is column-layout. You want have some main content flow in the center of the page, and have one or two columns on the side.
There are many, many solutions for this job. However, I believe that only few of them are “right” solutions. A right solution must be:
- CSS based
- agnostic to column order in HTML
Bellow are two of my favorite CSS column layout. They both work well on a fluid-width website and make heavy use of float property. Of cause, they are easy to use on fixed-width website as well.
Column Layout 1
Sidebars have fixed width and main column takes up the rest of the available space.
Column Layout 2
All columns have a known width.