Немного о кроссбраузерности

Вы — вебмастер? Значит вас, как и других мучает вопрос кроссбраузерности ваших сайтов. Если не вкурсе, кроссбраузерность — правильное (одинаковое) отображение сайта во всех веб-браузерах.

Скажите, а через какой браузер вы совершаете путешествие по интернету? Уверен вы скажете, что через Firefox или Opera. Большинство же обычных пользователей, примерно 70-75% назовут дружно Internet Explorer.

К всеобщему, глубочайшему сожалению, в интернете есть множество сайтов, заточенных под какой либо определенный браузер. При просмотре в одном (например, в IE) отображается корректно, как и планировалось. В других же: форматирование «едет», картинки расползлись, кто куда, смещаются пункты меню, линии превращаются в отдельные кусочки-отрезки и т.д., и т.п. Короче лучше этого не видеть.

Некоторые сайты содержат заголовок, с примечанием типа: «Сайт работает корректно только в браузере Internet Explorer» — и далее длинный список перечислений – «включить cookie», «включить поддержку Java-скриптов», «выставить определенное разрешение экрана» и т.д. и т.п. И не известно как пользователь на это отреагирует. В любом случае он будет прав, он ваш клиент – а клиент всегда прав.

Какой же из всего этого получается вывод. Вам придется над своим сайтом хорошенько попотеть. Потратить время на различные хаки и исправления для различных браузеров. Кроссбраузерный сайт – это сайт с большим количеством посетителей. Далее намекну как бороться с проблемой «кривых» сайтов.

Конечно, самый просто способ, это делать примитивный дизайн, в котором нет никаких заморочек, и который можно сверстать за 5 минут. В противном случае, необходимо напрягать мозг. И, что делать если сайт уже не кроссбраузерный ? Можно осилить в несколько этапов:

Первый этап: анализирование своего веб сайта

На вашем компьютере должно быть установлено несколько основных браузеров. Mozilla, Opera, Google Chrome, Safari. И несколько версий Internet Explorer, в это вам поможет программа IETester. Это поможет тестировать сайт как во время самой верстки, так и уже на стадии «лечения».

Второй этап: ищем ошибки в коде

После нахождения недочетов и косяков в сайте, вам необходимо найти ошибку в коде, отвечающую за элемент на вашей странице который «косячит». Тут вам поможет плагин для браузера Firefox – Firebug. С помощью него можно без особых хлопот найти нужный участок кода. Но Firebug не совершенен, даже после проверки через этот плагин, можно найти еще n-ое количество ошибок. В дополнение советую использовать w3c валидатор. Я не говорю что сайт обязательно должен быть валидным, просто определение ошибок в валидации может подсказать «неправильные» элементы дизайна.

Третий этап: исправляем найденные в коде ошибки

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

Самое главное: занимайтесь этим если у вас есть навыки, если же вы в элементарном html не разбираетесь — не мучайте голову себе и другим: либо забейте, либо попросите специалиста. Ну…так вот, кратко.