How To Make An Easy CSS Grid Layout
- 3
- Add a Comment
Yahoo! has released a nice tool to help make easy CSS grid layouts with its YUI: CSS Grid Builder.
Use it to make your columns, set their widths, and add places for your header and and footer content. The tool then creates the code and allows you to copy it.
Yahoo! has tested these designs in all Web browsers to ensure maximum browser compatibility and a headache free design experience.
Tags: css grid, web design

3 Comments
Cube Dweller
September 27th, 2007
at 1:57pm
That is really neat. Though the 3 column 1 row does not work in IE 6.
Pete
September 28th, 2007
at 2:03am
Yes this is a neat tool.
Works for me in IE6, 3 columns 1 row or any combination provided.
Using the scroll wheel you can cycle through the available layouts.
Actually I had fun with it stretching it across 2 monitors and it picks up
the dimensions just fine.
Rainer
January 8th, 2008
at 9:49am
It’s a nice tool, but imho the classes used in the layers are too confusing. I prefer to name my layers “speaking”. Anyway, if you don’t know how to make a css grid - the YUI is fantastic.