Всем привет, сейчас попробую сформулировать вопрос, который интересует меня уже очень-очень давно :)

Заказали у меня макет сайта шириной 960 пикселей. Стоит ли при этом учитывать боковые отступы или грубо говоря сам контент должен быть именно под 960, см. ссылку http://clip2net.com/s/6ucPIS (синий без учета боковых отступов, зеленый с учетом). Много у кого спрашивал по этому поводу и мнения расходятся. Я склоняюсь к тому, что отступы нужно учитывать (зеленый), потому что на айпадах, буках и прочих мобильных устройствах под ширину 960-1000 если не учитывать отступы, то контент будет липнуть к границам, что на мой взгляд угробит макет. Заранее спасибо, с наступающим, друзья :)

Комментарии пользователей

serjart

Исходя из сетки популярного css-фреймворка http://960.gs/demo.html отступы все таки нужно учитывать (у него всегда шириной в 10 пикселей).

raulv

serjart, ага тоже обратил внимание, но я считаю, что 10 пикселей это очень мало, даже 20 мало, всё таки воздух должен быть.

Kurilshik

Типичная сетка не решит всех проблем. Не всегда нужно расстояние в 10 или 20. В некоторых случаях слева и справа будет крупный шрифт, тогда сетка уже будет отстойной, хотя вроде бы и правльной. А по вопросу да, конечно 960 это без отступов слева и справа.

raulv

Kurilshik, Почему без отступов, Алексей?

Kurilshik

ну потому что 1003 минимальная ширина, 960 в центре, по краям отступы

raulv

Kurilshik, почему именно 1003? а вы учитываете скрол браузеров и прочие моменты? даже в лучшем случае при ширине 1000, по бокам отступы будут всего 20 пикселей, на мой взгляд подобное будет смотреться ужасно, всё таки я предпочитаю, чтобы воздуха было побольше, хотя как говорится на вкус и цвет, да и от задумки зависит, не спорю, бывают проекты, в которых 20-30 пикселей по краям вполне неплохо смотрятся.

Kurilshik

Это ширина рабочей области на минимальном разрешении, только поэтому. 1003 (экран) + ~21 (скроллбар) = 1024

shoomov

960 макет + 10 отступ справа + 10 отступ слева = 980

Kurilshik

почему 960 если рабочая область шире? 1024 - 21 = 1003