Особенности верстки для разных браузеров
собственно сабж:
в чем особенности верстки для разных браузеров IE6, IE7, IE8, Firefox, Chrome
буду рада, если поделитесь своим мнением и опытом на данную тему. в гугле была, посылать туда не обязательно. причина вопроса здесь.
в чем особенности верстки для разных браузеров IE6, IE7, IE8, Firefox, Chrome
буду рада, если поделитесь своим мнением и опытом на данную тему. в гугле была, посылать туда не обязательно. причина вопроса здесь.
Очень общий вопрос, особенно с учетом IE6.
Меня больше всего напрягают разные блочные модели. Вот тут описано: http://www.xiper.net/learn/css/box-model/what-is-the-box-model.html
еще помню max-width и min-width в CSS. В IE не поддерживается.
Можно вот эту презентацию еще посмотреть: http://slides.html5rocks.com/#landing-slide
она нормально работает только в хроме. в фф с горем поплам, в ие вообще никак.
Меня больше всего напрягают разные блочные модели. Вот тут описано: http://www.xiper.net/learn/css/box-model/what-is-the-box-model.html
еще помню max-width и min-width в CSS. В IE не поддерживается.
Можно вот эту презентацию еще посмотреть: http://slides.html5rocks.com/#landing-slide
она нормально работает только в хроме. в фф с горем поплам, в ие вообще никак.
mike, спасибо за ссылку, интересно было почитать.
Наиболее частые проблемы IE6, с которыми я сталкиваюсь:
- Нет поддержки PNG (http://www.twinhelix.com/css/iepngfix/)
- hover работает только для ссылок (есть решения типа whatever:hover)
- hasLayout
- double field
- проблема «прыгающих блоков» из-за некорректного расчет ширины плавающих блоков (при задании в процентах), что удачно лечится наглухо (http://habrahabr.ru/blogs/css/64589/)
- Нет поддержки PNG (http://www.twinhelix.com/css/iepngfix/)
- hover работает только для ссылок (есть решения типа whatever:hover)
- hasLayout
- double field
- проблема «прыгающих блоков» из-за некорректного расчет ширины плавающих блоков (при задании в процентах), что удачно лечится наглухо (http://habrahabr.ru/blogs/css/64589/)