Существует два широко распространенных варианта: 960 и blueprint . Оба полагаются на систему на основе сетки . Оба включают CSS reset .
Преимущество здесь, очевидно, в том, что вы получаете более согласованную разметку для нескольких браузеров, и если вы, например, тестируете на Firefox, у вас больше шансов, что в IE он будет выглядеть одинаково. Поскольку эти фреймворки основаны на сетке, ваш макет также намного чище и выровнен. Оба имеют горизонтальное выравнивание, но вертикальное выравнивание или вертикальный ритм поддерживается только в Blueprint.
Недостатком является то, что это может быть излишним для вашего макета. Если вы хотите простой макет из трех столбцов, вы можете просто выполнить сброс CSS и шаблон макета из трех столбцов.
Лично я обнаружил, что использование этих фреймворков дает мне много творческого самовыражения, и я сделал гораздо больше с моими макетами после принятия этих фреймворков, чем когда-либо раньше, из-за кросс-браузерной хакерской работы с CSS. Я использую Blueprint, потому что нахожу его очень интуитивно понятным, но 960 Grid System также получила отличные отзывы.