Ограничиваем отображение сайта по ширине или зло больших мониторов

Ограничиваем отображение сайта по ширине или зло больших мониторов

Казалось бы, что плохого в больших мониторах? Вроде свободного рабочего пространства навалом, фильмы удобно смотреть, значков много помещается и т.д.

Это с точки зрения пользователя.

А если пользователь компьютера по совместительству является вебмастером или верстальщиком, то большие мониторы - это его дополнительная головная боль.

Я до какого-то времени тоже не учитывал, что мои сайты могут просматривать не только люди, у который нетбуки с диагональю 10` как у меня, но и люди, у которых мониторы 22-24 дюйма.

Мне всегда нравилась блочная, резиновая верстка, при которой все блоки на web-странице размещаются относительно границ экрана. Это одинаково хорошо выглядит на различных разрешениях мониторов.

Все было хорошо и пушисто до того момента пока не появились огромные мониторы. Все как и всегда отображается в штатном режиме: растягивается по всей ширине экрана, но выглядит это уже не так презентабельно, как на мониторах меньшего размера. Элементы дизайна на таких мониторах начинают очень сильно разъезжаться по ширине и текст web-страницы практически растворяется между двумя границами экрана.

Решено, было как-то с этим бороться. Решение нашлось сразу и не мной лично. Это чужой опыт, который хороший верстальщик должен всегда перенимать. Решение состоит в том, что для каждого блочного html-элемента интерфейса нужно указать максимальную ширину в CSS-стилях. Ограничить ширину таких элементов можно css-параметром max-width. Кстати, не лишне было бы указать и минимальное значение ширины блочного элемента min-width, скажем 5em.

Для себя я экспериментальным путем вывел, что наиболее оптимальным значением, на которое следует разрешать раздвигать ширину своих сайтов - это 1280 пикселей. Этот параметр индивидуален и у Вас он может иметь другое значение. После внесения этого ограничения следует выравнять web-страницу по центру. У меня основной блок сайта имеет div вида:

#content {
width: 100%;
max-width: 1280px;
margin: 0 auto;
}

Я думаю каждому вебмастеру следует посмотреть на свои сайты c этого угла и оценить все свои интернет-проекты.

P.S. А вы еще не смотрели новую пародийную комедию Вампирский засос”. От создателей «Очень страшного кино»

Комментарии:

  1. Александр опубликовал комментарий 8 Август 2011, 22:23 #

    Респект. Вы мне помогли.

    | Ответить
Имя
e-mail
Сайт
Текст комментария: