Проверка сайта в разных браузерах

В этой статье решил затронуть весьма важную тему для Web-мастера: проверку сайта в разных браузерах. Я думаю, что Вам известно, что любой сайт выглядит в разных браузерах по-разному. Осложняется это тем, что браузеров огромное количество (а их версий ещё больше), да ещё и не забывайте, что существуют различные разрешения экранов. В общем, я решил это всё объединить в одну статьи и рассказать, как надо проверять сайт в разных браузерах и при разных разрешениях экрана.

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

1. Firefox 3 - 25.9%
2. Explorer 8 - 16.6%
3. Opera 11 - 15.1%
4. Chrome - 10.4%
5. Opera Mini - 8.9%
6. Explorer 7 - 8.3%
7. Opera 10 - 6.0%
8. Explorer 6 - 3.9%
9. Opera 9 - 2.0%
10. Другие - 0.6%

Какие выводы из этой статистики можно сделать? Несмотря на ОГРОМНОЕ количество самых разных браузеров и их версий реально используется не так уж и много. По своему опыту скажу, что среди всех этих браузеров, проблемы бывают только с Explorer 6. Правда, проблемы большие и отнимают много нервов, а вот со всеми остальными браузерами, как правило, проблем нет. Но это не означает, что на них не нужно проверять Ваш сайт. Очень даже нужно! Зачастую в одном браузере всё хорошо, а в другом возникают проблемы. С 99.9% вероятностью эти проблемы обусловлены явно кривой вёрсткой. Просто один браузер закрыл глаза на Ваши ошибки, а другой браузер показал их явно. А ошибки, как известно, надо исправлять. Поэтому не ленитесь проверить Ваш сайт во всех вышеназванных браузерах и добиться правильного отображения в любом из них.

Теперь поговорим о разных разрешениях. Самыми популярными являются следующие (статистика разрешений):

1. 1024 на 768
2. 1280 на 1024
3. 1280 на 800

Сразу говорю, главное для Web-мастера - это ширина, а не высота. То есть беда маленькой ширины экрана заключается в том, что возникает горизонтальная полоса прокрутки. Здесь всё зависит от того, какой тип вёрстки Вы создаёте: резиновую или фиксированную. Если она у Вас фиксированная, значит, просто делайте ширину страницы на разрешение экрана - 1024. Соответственно, Ваш сайт будет при ширине экрана 1024 пикселя и больше без горизонтальной полосы прокрутки. Но минус фиксированной вёрстки в том, что при больших разрешениях, Ваш сайт будет становиться маленьким. А вот резиновая вёрстка (как у меня на сайте) гораздо лучше, но и гораздо сложнее для реализации. Сразу говорю, Вам не удастся добиться того, чтобы при любом разрешении у Вас не появлялось горизонтальной полосы прокрутки. Но постарайтесь хотя бы добиться того, чтобы при разрешении 1024 её не было. Я в своё время добился этого при ширине экрана 800 пикселей, хотя сейчас это совсем необязательно.

Давайте подведём небольшой итог, что Вам нужно сделать:

• Добиться корректного отображения всего сайта на всех популярных браузерах и их версиях (всего 9 штук).
• Добиться отсутствия горизонтальной полосы прокрутки при ширине экрана 1024 пикселя (опять же во всех популярных браузерах).

Задача эта очень непростая, но поверьте она стоит свеч, поэтому не поленитесь и сделайте свой сайт таким, чтобы его мог просмотреть абсолютно любой пользователь Интернета.