Реальный пиарHTMLБраузеры → Проверка сайта в разных браузерах

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

браузер opera

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

Как я уже сказал, браузеров огромное количество, однако, реально используются всего несколько браузеров и их версий. Вот самые свежие данные на момент написания статьи (статистика браузеров):
Firefox 3 - 25.9%
Explorer 8 - 16.6%
Opera 11 - 15.1%
Chrome - 10.4%
Opera Mini - 8.9%
Explorer 7 - 8.3%
Opera 10 - 6.0%
Explorer 6 - 3.9%
Opera 9 - 2.0%
Другие - 0.6%

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

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

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

Давайте подведём небольшой итог, что Вам нужно сделать:
Добиться корректного отображения всего сайта на всех популярных браузерах и их версиях (всего 9 штук).
Добиться отсутствия горизонтальной полосы прокрутки при ширине экрана 1024 пикселя (опять же во всех популярных браузерах).

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


Источник: http://myrusakov.ru

Рекомендуем



32bit Web Browser 32bit Web Browser - быстрый и простой в работе веб-браузер, занимающий совсем немного места на жестком диске ПК и, соответственно, очень быстро грузящийся


Portable Firefox Программа имеет несколько оптимизаций, позволяющий повысить быстродействие работы, и специальный диспетчер, облегчающий взаимодействие пользователя и конечных приложений


Как вставить видео на сайт Но выход из этого положения есть: исползовать сторонный сервис хранения файлов, например, Amazon S3, о котором я расскажу в одной из следующих статей, так что не переключайтесь