Затрону сегодня важную тему, о том, что кроссбраузерная верстка очень важна для любого сайта.
Сейчас интернетом пользуются свыше 2 млрд. человек во всем мире, при этом каждый из них выбирает собственный браузер для просмотра сайтов во всемирной паутине. Это заставляет верстальщиков особенно аккуратно относится к кроссбраузерной верстке, то есть составлять свои шаблоны так, чтобы большинство просматривающих видели на своем экране одинаковую картинку.
Кроссбраузерная верстка — это способ написания кода с учетом особенностей самых распространенных интернет-обозревателей. Усложняет задачу единого отображения шаблона большой разброс по производителям программ и их серии. Например, современные браузеры очень хорошо распознают валидный, то есть правильно написанный веб-мастером код и не требуют дополнительных комментариев, а также обладают широким распознавательным функционалом. Но этого не скажешь о более старых версиях, на которых все же остались работать консервативные пользователи, таким образом о них, как о читателях или клиентах тоже приходится заботиться и специально под их ПО менять код.
Каковы самые распространенные причины неудачной кроссбраузерной верстки?
- Особенности разных серий браузеров
Обычно именно в этих программах можно найти кучу недостатков, и именно они находят эти недостатки в современных шаблонах. Как уже было написано выше, прежде всего, это всем известные старые версии IE, проблемы с которыми решаются довольно просто, но занимают много времени. Так например для использования gif-ов с прозрачным фоном в IE6 необходимо подключать лишний скрипт, а для решения более глобальных задач и вовсе иногда выводится дополнительный файл стилей.
- Нестандартный код
К счастью в последнее время разработчики браузеров все таки приняли за основу для своих продуктов стандарты HTML. Это значит что теперь большинство обозревателей будут правильно отображать валидный код. Впрочем, сами верстальщики иногда не учитывают этих стандартов валидности и пишут то, чего не могут понять современные браузеры. Правда с появлением таких функциональных дополнений как Firebug и самих сервисов проверки валидации определить и устранить неправильный код не видится сложным.
- Разные стандартные значения у браузеров
…И несмотря на подчинение стандартам HTML браузеры все же не так однолики. Обычно верстая шаблон вебмастеру не нужно менять значение по умолчанию, поэтому шрифты и оформление некоторых элементов остаются на усмотрение браузеров. Проблема в том, что у интернет-обозревателей разные представления о подходящих размерах, цветах или толщине линий. Таким образом, валидный код в котором учтены особенности старых браузеров может выдать совсем не тот результат, который ожидался. Чтобы устранить такую проблему лучше всего задавать значения как можно большему количестве атрибутов. Обычно верстальщики делают это в файле стилей для элемента body, что автоматически задаст значения всем остальным блокам кода. Чтобы научиться кроссбраузерной верстке вам необходимо тщательно изучить особенности браузеров ваших пользователей. Это делается с помощью анализа предлагаемых производителем стандартов HTML, а также при поддержке специалистов, достоверно знающих эту информацию. Большое количество «подводных камней» усложняет создание кроссбраузерной верстки для новичков, поэтому иногда привлечение профессиональных верстальщиков просто неизбежно.