There are two widely accepted options: 960 and blueprint . Both rely on grid-based layout . Both include CSS reset .
The advantage here, obviously, is that you get a more consistent layout in multiple browsers, and if you are testing Firefox, for example, you are more likely to look the same in IE. Since these structures are grid-based, your layout is also much cleaner and more aligned. Both have horizontal alignment, but vertical alignment or vertical rhythm are only supported on Blueprint.
The downside is that this may be redundant for your layout. If you need a simple three-column template, you can just go to CSS reset and a three-column layout template.
Personally, I found that using these frameworks gives me a lot of creative expression, and I did a lot with my layouts after adopting these frameworks than before, due to the cross browser CSS hacker. I use Blueprint because I find it very intuitive, but the 960 Grid System also received great reviews.
aleemb
source share