Сетка 960 на самом деле имеет ширину 1180. Как это исправить?

#drupal #960.gs

#drupal #960.gs

Вопрос:

Я использую 960gs, и, похоже, пока все в порядке. Я использую ее с темой Drupal Omega, но это незначительная деталь. Я выбрал обычный макет, а не fluid.

ПРОБЛЕМА: у меня проблема, потому что моя фактическая ширина составляет 1180 вместо 960. Может кто-нибудь сказать мне, почему.

Я замечаю, что каждый (розовый) столбец сетки имеет размеры 80 пикселей вместо 60 пикселей при макете 12 столбцов (обычный).

Если я переключусь на 16 столбцов, он будет иметь 55 пикселей вместо 40 пикселей. Странно!

Я пробовал разные установки Drupal с разным контентом, но не нашел подсказки. Спасибо

Моя сеточная система 960 в теме Drupa Omega

Ответ №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. Я говорил о розовых столбцах. Предполагается, что у них нет полей / отступов / границ, это просто изображения. Если вы посмотрите на мой прикрепленный рисунок (в полном виде), вы можете измерить самостоятельно. Я просто не могу понять.