960.gs цвет фона или поля?

Question

Я решил попробовать использовать систему сетки 960 в недавнем клиентском проекте, чтобы ускорить разработку, и его структура работает отлично, и мне это нравится!

Проблема, с которой я столкнулся, заключается в разрыве в цвете фона div (я не уверен, что масштабирую боковую панель до 100% высоты), а фон прозрачно показывает поля в 10px (боковая панель и нижний колонтитул). Пока это живая версия веб-сайта, вероятно, намного проще увидеть проблему - она ​​совершенно очевидна: http://mediasmoke.com/clients/packtv/.

У меня есть структура, которую я хочу, div находятся в нужном месте. Есть ли способ заполнить эти пробелы и сделать сайт гибким по высоте для более или менее контента?

Я рисую пробел, и я попытался использовать второй контейнер, но это не сработало должным образом ...

Answer 1

Да, как сказал aSeptik, оберните. content и .sidebar в div и примените к нему фон. .alpha и .omega не решают проблему. Похоже, вам нужно будет сделать то же самое и в столбцах нижнего колонтитула.

Answer 2

ОК, я понял это.Причина, по которой второй div-обертка не расширялась с 960gs, заключалась в том, что он должен был иметь float:left.

. Теперь при ширине 960 пикселей это дало мне дополнительные 10-пиксельные отступы с обеих сторон.Если я урежу это или сделаю обертку меньше, это сломает 960gs, делая его бесполезным.Поработав с простым решением, я обнаружил, что должен был создать фоновое изображение шириной 960 пикселей с прозрачностью - 10 пикселей на обоих концах, поэтому создается впечатление 940 пикселей!

Yay!