Archive for the 'Design' Category

XHTML column frameworks

Tuesday, February 27th, 2007

I’ve often spent time developing column structures for websites. Structure is a good thing and it’s essential to keep your design looking consistent across a number of website pages. Newspapers all run on complex column grid systems and have done for years. Websites are really no different. Even if you have an irregular design, you’ll still benefit from a little underlying structure.

The following shows one of the more common column structures, with splits for 2 to 6 equally spaced columns. It’s based on a 720 pixel width, so will sit nicely on 800×600.

Column structure example

There are a number of other column sets that split nicely into whole (pixel) numbers. Read on if you’re interested.

(more…)