Перейти в раздел к "Содержанию"

Кроссбраузерность сайта

Кроссбраузерный сайт - это сайт, который хорошо отображается в разных популярных браузерах, к ним относятся браузеры Mozilla Firefox, Opera, Google Chrome, Safari, Internet Explorer, Яндекс Браузер, Microsoft Edge и другие.

Каждый браузер работает по своим правилам, одни и те же свойства CSS (которые определяют внешний вид страниц сайта), разные браузеры могут понимать по-разному. В результате, одна и та же веб-страница может по-разному отображаться. Задача верстальщика сделать так, чтобы сайт хорошо отображался в разных браузерах, т.е. сделать сайт кроссбраузерным.

Если сайт "кривит" в каких-то браузерах - это может происходить по разным причинам.

Чаще всего кривота возникает из-за неправильной верстки сайта - из других возможных причин - используется старая версия браузера, либо урезанная, некачественная работа движка сайта (если сайт работает на каком-то движке).
Иногда случается, что причина искривления или глюков сайта кроется в неполадке операционной системы пользователя или в неполадке браузера, установленном на ПК пользователя, например, если на одном ПК сайт выглядит кривым, а на другом ПК, если смотреть в точно таком же браузере, сайт выглядит хорошо.

Основные причины искривления сайтов

1) Неправильная верстка
Чаще всего получается из-за не соблюдения правил верстки (код пишется как попало, нарушена структура кода). Для проверки кода на наличие ошибок, используют официальные сайты Валидаторы (их адреса приведены в других разделах сайта).
Смотрите статью Как оценить качество верстки

2) Старая версия используемого браузера.
Когда верстается сайт, то обычно верстка делается с ориентиром на последнюю версию браузера (на момент выполнения верстки). Например, если верстка сделана, с ориентиром на браузер Opera v.12, то в браузере Opera v.10 может что-то кривить, т.к. более старый браузер просто не понимает некоторые новые свойства CSS, которые понимают современные браузеры. Выход один – пользователю нужно обновить версию своего браузера. В некоторых браузерах обновление делается автоматически, если специально не запрещено. Почему обновляется браузер? Во-первых, производители могут добавлять в браузер новый функционал, во-вторых, в браузерах исправляют баги и расширяют понимание новых кодов. Стандарты верстки неизменно расширяются, вслед за ними расширяются возможности браузера.

Браузеры Internet Explorer это отдельная история. Статья о некогда популярном браузере Internet Explorer 8 - актуален ли он сейчас?

3) Урезанная версия используемого браузера.
Браузеры бывают в разных вариантах, в том числе в урезанном. Иногда урезание браузера сказывается на его работе, Т.е. сайты с простой структурой отображаются нормально, а сайты с более сложной структурой могут кривиться. Причина в том, что урезанный браузер просто не справляется с ложащейся на него нагрузкой по отображению сайта.

4) Сайт создан в конструкторе или на движке.
Работа таких сайтов во многом определяется качеством конструктора или движка. При их плохой работе, сайт может тормозить, глючить и т.д. Также возможны проблемы из-за неправильной установки верстки на движок. Кривая установка приводит к кривому сайту.

5) Не загрузился обновленный HTML и CSS код.
Содержимое страниц сайта могут периодически обновлять - добавлять и удалять информацию, менять ее расположение и т.д. Редактирование вида страницы сводится к изменению html и css кода. Может случится, что на сайте изменили информацию, а браузер пользователя для отображения страницы берет старые коды из кеша. В результате вид страницы "плывет". Чтобы вернуть страницам нормальный вид, пользователю нужно очистить кеш своего браузера и заново загрузить страницу.