#drupal #960.gs
#drupal #960.gs
Вопрос:
Я использую 960gs, и, похоже, пока все в порядке. Я использую ее с темой Drupal Omega, но это незначительная деталь. Я выбрал обычный макет, а не fluid.
ПРОБЛЕМА: у меня проблема, потому что моя фактическая ширина составляет 1180 вместо 960. Может кто-нибудь сказать мне, почему.
Я замечаю, что каждый (розовый) столбец сетки имеет размеры 80 пикселей вместо 60 пикселей при макете 12 столбцов (обычный).
Если я переключусь на 16 столбцов, он будет иметь 55 пикселей вместо 40 пикселей. Странно!
Я пробовал разные установки Drupal с разным контентом, но не нашел подсказки. Спасибо
Ответ №1:
Тема Omega от Drupal — это адаптивный макет, то есть на самом деле она имеет более узкую и широкую версию сетки 960. Вы можете увидеть это, если измените размер вашего браузера на меньшую ширину.
Различные размеры сетки можно отключить в настройках темы Omega. В Drupal 7 перейдите в раздел Внешний вид -> Настройки -> Название вашей темы.Затем вы можете:
- полностью отключите адаптивный макет (снимите флажок напротив «Включить адаптивную сетку» в верхней части страницы настроек, принудительно используя только 960 или любой другой макет, который вы выберете в качестве основного макета)
или
- отключите узкие и широкие варианты макета ниже по странице. (Флажок напротив «Использовать этот макет с адаптивной сеткой»)
Комментарии:
1. На самом деле я отключаю широкие варианты. Большое спасибо.
Ответ №2:
Вероятно, вы загружаете другие CSS-файлы / правила, которые переопределяют ширину по умолчанию 960. Вы это проверили?
Комментарии:
1. да, такого правила нет. Я заметил, что мои столбцы имеют ширину 80 пикселей вместо 60. wtf?
Ответ №3:
Заполнение и поля столбцов не рассчитываются по ширине, поэтому вы должны учитывать это!
ie:
div
{
width:100px;
margin:10px;
padding:10px;
}
будет иметь общую ширину 140 пикселей. К этому добавляется также любая граница, которую она может иметь!
Комментарии:
1. Я говорил о розовых столбцах. Предполагается, что у них нет полей / отступов / границ, это просто изображения. Если вы посмотрите на мой прикрепленный рисунок (в полном виде), вы можете измерить самостоятельно. Я просто не могу понять.