Почему веб-сайты часто имеют интервалы с обеих сторон контента?

Question

Я заметил, что на многих сайтах по обе стороны страницы оставалось место.В чем причина этого?Это часть стандартов веб-дизайна?

Answer 1

Обычно вы хотите, чтобы ваш контент отображался разумно на всех мониторах разумного размера без горизонтальной прокрутки.Один из способов сделать это - убедиться, что ваш контент не превышает определенного количества пикселей (скажем, 760 иш для мониторов 800x600 или 960ish, если вы хотите выбрать 1024x768 в качестве минимального размера монитора).

ДругойОпция - «жидкие» макеты, которые растягиваются до размера окна браузера, но их, как правило, сложнее кодировать и часто они одинаково нежелательны для очень больших мониторов (действительно ли люди хотят, чтобы сайт растягивался с разрешением 1900x1200?).

Answer 2

Хм, я могу придумать подходящее место для этого, которое может существовать или не существовать, это не StackOverflow ;-) Но в любом случае: это потому, что людям легче читать строки текста, которые не превышают 68 символовдолго.(Или что-то в этом роде) Человеческий глаз может воспринимать только очень много за раз, и если вы сделаете свой текст слишком широким, люди потеряют след левой стороны линии, как только они перейдут на правую сторону, что делаетэто сложнее читать.По сути, вы хотите, чтобы вся ширина текста помещалась в пределах одного поля зрения (для некоторого определения «поля зрения»).

Answer 3

Это спор о fixed Vs fluid макетах. Есть много дискуссий, которые охватывают эту тему. Чтобы назвать несколько:

• Smashing Magazine
• Флайт
• About.com

В двух словах:

Фиксированная ширина

Фиксированный макет веб-сайта имеет оболочку фиксированной ширины, а компоненты внутри нее имеют либо процентную ширину, либо фиксированную ширину. Важно то, что элемент контейнера (оболочки) установлен так, чтобы не перемещаться

Ширина жидкости

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

Ваш вопрос касался фиксированного макета и его плюсов, если назвать несколько:

• Компоновки с фиксированной шириной намного проще использовать и легче настроить в Условия оформления.
• Ширина одинакова для всех браузер, так что меньше хлопот с изображения, формы, видео и др. содержимое с фиксированной шириной.
• Нет необходимости в минимальной ширине или max-width, который не поддерживается в любом браузере.
• Даже если веб-сайт предназначен для совместим с самым маленьким экраном разрешение, 800х600, содержание будет все еще быть достаточно широким при большем разрешение должно быть легко читаемым

.

Answer 4

Я предпочитаю использовать жидкостный макет до некоторой разумной ширины (скажем, 1024 пикселя), после чего использовать фиксированную ширину.Для получения дополнительной информации и кода, объясняющего, как это сделать, см .: Как оптимизировать ширину веб-страницы .

Answer 5

Обычно вы размещаете свой веб-сайт в «обёртке» по центру экрана через css:

#wrapper { width:960px; margin:0 auto; }

<div id="wrapper">content</div>

Answer 6

Текст легче читать, если он не касается краев окна.

Answer 7

Есть место на обеих сторонах страниц.Это связано с тем, что вы устанавливаете определенный размер для своей страницы и выравниваете его по центру, чтобы ваш посетитель видел его.

С другой стороны, есть некоторые размеры, которые широко используются, например, вы можете видеть множество веб-сайтов.с шириной 950px, 1000px и 995px, это из-за общего права, которое обеспечивает лучший вид вашего сайта в разрешении 1024.