Сетка 960 CSS вопрос - PullRequest
       30

Сетка 960 CSS вопрос

1 голос
/ 04 марта 2011

При использовании Grid 960 Framework в FF 3.6.14 OS X 10.5.8,

с использованием сокращения CSS

margin: 50px 0 0 0;

вызывает смещение полей вниз и влево. Все значения должны быть длинной рукой:

margin-top: 50px;

Кто-нибудь сталкивался с этим, если да, то как и почему это происходит?

Ответы [ 2 ]

1 голос
/ 04 марта 2011

Возможно, вы переопределяете другое значение CSS, например margin: x y z j или сортировку. Лучше переопределить CSS с помощью элементов длинной руки, так что все хорошо.

0 голосов
/ 10 марта 2011

Это связано с тем, что он работает в системе столбцов и имеет центральную ширину в 960 пикселей. Когда вы добавляете дополнительные поля. Он разрушает плавающие объекты и т. Д., Поскольку выталкивает содержимое из установленной области 960 пикселей.

Вы можете перейти на сайт 960.gs и нажать кнопку «Создать CSS», что позволит вам самостоятельно редактировать поля и размеры столбцов и повторно загружать шаблон. В качестве альтернативы вы могли бы сделать это вручную, редактируя ширину для отдельных элементов div, но вам, возможно, придется убрать некоторый запас / заполнить другой элемент, чтобы убедиться, что он не превышает 960px для каждой строки на вашем сайте

...