Loading ...Ширина верстки
Технический прогресс не стоит на месте, мониторы становятся больше и шире, очень часто перед вебмастером стоит вопрос - под какое разрешение монитора адаптировать дизайн сайта, ведь на разных по размеру и пропорциям сторон мониторах, один и тот же сайт может выглядеть по разному.
Во времена когда большинство мониторов было 15″, было это всего года 3-4 назад, дизайн сайтов адаптировали обычно под размер 800х600, что отлично выглядело на мониторах 15″ и 17″. С тех времен в моду стал входить так называемый резиновый дизайн, т.е. сайт растягивался на всю ширину экрана и выглядел одинаково на мониторах 15″ и 17″.
Для тех кто не знает что это такое, несколько слов о резиновом дизайне. Достигалось это путем относительной ширины одной из ячеек в таблице, благодаря чему эта ячейка занимала всё свободное пространство. Например в шапке сайта ячейки с графическими элементами были фиксированной ширины, что не искажало картинку, а одна из ячеек была с фоном и шириной в процентном соотношении превышающим остаток ширины от ячеек с графикой. Выходило вполне прилично, не искаженная графика и фон на остаток ширины.
Вариантов резинового дизайна я встречал множество, это была фиксированная картинка в шапке слева и растягивающийся фон в правую часть и наоборот, была растягивающаяся часть по середине и фиксированные картинки по бокам и т.д., это уж как фантазия дизайнера заиграет. Так же видел разные варианты резинового дизайна в контентной части сайтов, обычно это фиксированные колонки и резиновая основная часть, но это не правило и тут тоже встречаются разные решения.
Теперь о главном.
Как писалось выше что технический прогресс не стоит на месте и теперь всё больше и больше появляется пользователей с широкоформатными мониторами, так вот резиновый дизайн на широкоформатных мониторах смотрится ужасно. Та часть сайта, ячейка, растягивается на всю оставшуюся ширину монитора и если это происходит в шапке, то кусок шапки с фоном становиться неоправданно широким, а если это контентная часть, то контента “становится мало” по высоте. Сайты ориентированные по левому краю и адаптированные на разрешение 800х600, оставляют половину монитора пустой и выглядят совсем не так, как на обычном мониторе.
Какой же выход из положения и как делать сайты, чтобы они хорошо смотрелись на всех мониторах? Тут я считаю от резиновой верстки нужно переходить к фиксированной и ориентировать сайты по центру экрана, а фон заливать цветом или картинкой. По крайней мере такая верстка будет смотрится одинаково на всех типах мониторов.
Dr @ February 8, 2008