Пятница, 06 Июля 2012 09:24

Браузеры, под которые нужно делать верстку

Written by 
Оцени эту запись
(2 Голоса)

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

 

 

Все новые версии браузеров отлично работают со всеми css-свойствами и с новшествами HTML5. Но эти новшества не поддерживаются старыми версиями браузеров. Например, точно скажу, что с CSS3 будут проблемы в Internet Explorer)). Но при этом IE6 даже с прозрачными картинками в формате png не дружит. Потому нужно заранее знать под какие браузеры нужно делать верстку и каждом из них проверять результат.

Если сайт расчитан на современную молодежную аудиторию, то можете смело делать верстку для новых браузеров. Но бывают ситуации, когда у заказчика на компе установлен только ИЕ8... Это не проблема, это только меняет подход к верстке. Например, для Google Chrome заливку градиентом можно смело делать через background gradient, но для ИЕ нужно его делать картинкой. Опять же, в случае, если под ИЕ делается верстка так, чтобы ничего не плыло, то фон можно задать цветом, а после градиентом. Тогда ИЕ выберет цвет, а нормальный браузер - градиент.

 

 Если интересуют подробности по версиям браузеров, можно почитать об этом в Wikipedia - Сравнение браузеров. История браузеров - Война браузеров.

 

Когда горорят о кроссбраузерной верстке, речь идет о Google Chrome, Mozilla Firefox, Opera, Safari, Internet Explorer. На моей памяти, версию браузера уточняют только для ИЕ. Хотя и у других в старых версиях все не сильно красиво.

 

Статистика пользования браузерами на http://www.liveinternet.ru/ дает нам такую информацию:

 

 

Как видим, самый популярный браузер - это Google Chrome. Честь ему и хвала!!! Далее по популярности идут FF и Opera, замыкающие - IE и Safari. Причем для нормальных браузеров чаще используются новые версии, а вот среди IE версия 7 пользуется высокой популярностью.

 

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

 

 

Additional Info

You have no rights to post comments

верстка | CSS | верстка сайтов | HTML | верстальщик | блочная верстка | JavaScript | css верстка | профессиональная верстка сайтов