How to accurately layout your website

Khoi Vinh details how to get accurate alignment on web pages. The technique uses a background image of columns that sits behind all the page elements. The visible columns make it easier to see when elements aren’t lining up, allowing you to precisely make adjustments. Once everything is aligned, you can turn off the background.

Christian Watson of Smiley Cat Design takes Khoi’s technique a step further by incorporating a ruler and finer grid into his background image.

Khoi Vinh’s technique [via Subtraction.com] Christian Watson’s elaboration [via Smiley Cat Design]