Студия веб дизайна Мост

Отображение сайта в разных браузерах

Итак ваш сайт готов, вы с удовлетворением вложили его в сеть и ждете посетителей. Не все так просто, помните я говорил про пункт браузеры в статистике? А еще есть пункт Операционные системы и разрешение экран.

Так вот, судя по анализу, ко мне заходят посетители, почти со всех видов браузеров и операционных систем. Конечно в основном это windows и браузеры Opera, IE, Firefox, Chrome.

Но есть и еще не плохой процент, который я терять не хочу, да и вы думаю то же. Для начала нам необходимо проверить отображение сайта в разных браузерах.

Кроссбраузерная верстка

Что это такое кроссбраузерная верстка? Это верстка страниц сайта, при которой сайт одинаково хорошо отображается и полностью функционирует в любых браузерах.

А для проверки кроссбраузерной верстки будем использовать сервис browsershots.org .

Зайдя на главную страницу сервиса, в соответствующем окошке пишем адрес сайта полностью с http://.

Далее ставим галочки напротив браузеров под соответствующими операционными системами, отображение сайта в которых мы хотим проверить.

Пункты Размер экрана, глубина цвета, Javascript, Java, Flash выставляйте по мере необходимости.

Все, отправили заявку и теперь ждем результатов... В зависимости от количества выбранных браузеров, ждем от 10 минут до часа с лишним.

Поэтому советую или не закрывать страницу, периодически обновляя ее нажав F5, или скопировать с адресной строке своего браузера адрес и вставить его в блокнот. Теперь можно заняться другими делами, а спустя какое то время перейти по записанному адресу.

Вы увидите вот такой компот из скриншотов и можете его скачать.

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

Проверив еще раз отображение сайта в браузерах, нашел только один недостаток - это появление горизонтального скроллинга в MSIE 4.01 под Windows 2000. С такой комплектацией ко мне за месяц заглядывало только 2 человека, поэтому я уже не стал более ничего предпринимать. Очень тяжело переделывать и догонять до ума каждую страницу сайта, когда их накопилось много.

Именно поэтому рекомендую вам сделать такую проверку, пока количество страниц вашего ресурса еще не очень велико, протом переделывать будет довольно трудоемко.

PS. Например в простом html можно использовать вместо пикселей проценты. Допустим ширина таблицы width="1050", если мы заменим ее на проценты width="100%", то страница будет растягиваться по ширине экрана с любым разрешением.

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