Про страшное слово «кроссбраузерность»

← Раньше      Позже →

Это почти ругательное слово означает то, что сайт одинаково отображается в любом браузере при любом разрешении экрана. Основная ошибка начинающих веб-мастеров — "затачивание" сайта под какой-то один браузер (например Internet Explorer). Когда ему намекаешь, что в Opera или Firefox сайт отображается некорректно, можно услышать в ответ — "Ничего страшного, все равно 90% пользователей используют Internet Explorer!"

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

Что касается разрешения экрана, у меня на полке лежит книжка выпуска "Основы веб-мастерства" 2000 года, в которой утверждается, что сайт должен корректно отображаться при разрешении экрана 640 на 480. Эти данные также безнадежно устарели:

Как видим из диаграммы, самым минимальным разрешением является 1024*768. Ни о каких 640*480 и 800*600 нет даже упоминания. Поэтому при верстке страниц достаточно обеспечить их корректное отображение при разрешении 1024 на 768 и более.

Еще один важный момент — корректность отображения страницы при высоких разрешениях (например 1600*1200). Если страницы имеют фиксированную ширину, то при большом разрешении выглядеть они будут неважно — значительную часть экрана будут занимать пустые поля. Пример страницы фиксированной ширины:

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

Итак, два мифа развенчаны. Internet Explorer давно перестал быть самым популярным браузером. Разрешения экрана менее 640*480 и 800*600 используется крайне редко, поэтому не стоит заморачиваться, адаптируя дизайн страницы под эти разрешения. Оптимальной можно назвать "резиновую" верстку с поддержкой разрешения экрана от 1024*768 и выше.

По этой же теме:

• Откуда берутся некачественные сайты
• Организация структуры сайта
• Что разместить на главной странице сайта
• Рекомендации по выбору имени домена
• Цветовое решение сайта
• Фоновая музыка на страницах
• Подготовка изображений к публикации на сайте
• Каким должен быть дизайн информационного сайта
• Интерактив на сайте
• Привлечение посетителей через социальные сети
• Об информерах
• «Хочу как у них!»
• О системе подсказок для пользователя
• 30 самых уродливых сайтов
• Ручной спам в блоге. Как бороться?