Замена min-width в IE6
Я очень часто слышу утверждения о том, что браузер IE6 очень плохой, убогий и ужасный. О том, что верстать под него невозможно, и это не нужно. Однако, я убеждён, что забивать на 3% пользователей не очень умный поступок. Да, это немного, однако, могу уверить, что если сайт ужасно выглядит в этом браузере, то он будет выглядеть ещё много, где плохо. Поверьте моему опыту, когда я вижу сайт совершенно убогий в IE6, то я легко нахожу браузер (например, IE8 или даже IE9, которыми пользуются миллионы людей), в котором сайт имеет серьёзные дефекты. А знаете почему? Потому что верстальщик плохо сверстал. Вот почему. Не потому, что IE6 плохой браузер, а потому, что верстальщик ни на что не способен. Здесь есть один очень важный нюанс. Современные (и хорошие) браузеры оказывают "медвежью услугу", скрывая ЯВНЫЕ ошибки верстальщика и выводя всё так, как он хочет. А вот браузер IE6 вытаскивает их наружу. Однако, действительно, у IE6 есть много недостатков, связанных с отсутствием некоторых свойств, в частности, min-width. И вот о замене этого свойства я расскажу в этой статье.
Замена не очень простая, к сожалению, придётся воспользоваться expression:
width: expression(document.body.clientWidth > 800 ? "20%" : "180px");
Фактически, это замена свойства min-width в IE6. В данной строке мы пишем, что если ширина экрана больше 800 пикселей, то тогда элемент должен иметь ширину 20%, а иначе строго 180 пикселей. То есть при большом разрешении элемент будет растягиваться (как и в других браузерах), а при малом зафиксируется размер, что, собственно, и делает свойство min-width в других браузерах.
Я Вам так скажу. Действительно, в IE6 не хватает много CSS-свойств, однако, их предостаточно для того, чтобы сайт выглядел если и не так же, то хотя бы адекватно (посмотрите на мой сайт в этом браузере). И подумайте над тем, что Вы пишите в HTML-коде, когда Вы даже не закрываете HTML-теги, что Вам легко прощают современные браузеры, а IE6 не прощает.
Если Вы отверстали страницу, которая прекрасно выглядит в Firefox 5 и Opera 11, а просто ужасно выглядит в IE6, то знайте - Вы сверстали очень плохо. И посмотрите на Вашу страницу в других самых популярных браузерах: IE8, IE9, Opera 10, Opera 9, Safari, Google Chrome, Firefox 3. Уверен, что на 99.9% Вы найдёте серьёзные дефекты. А причиной тому является не IE6, а Ваш код.
-
- Михаил Русаков
Комментарии (4):
Ещё как вариант, использовать условные комментарии для браузеров. Для ie6 и ie7 они очень просто реализуются.
Ответить
А правильно ли будет верстать сайт полностью с начала и до конца в браузере IE6 и тогда быть уверенным, что он будет выглядеть в других соверменных уже браузерах нормально?
Ответить
Тогда будет обратная ситуация. В IE6 будет хорошо, а во всех остальных браузерах будут проблемы.
Ответить
У моего знакомого стоит на компе IE 6 этот древний монстр, который полчаса открывает страницы. Однако мой простенький сайтик (один из первых) выглядел там вполне прилично, удивился не на шутку). А вообще этот браузер на самом деле ужасен, вот 10 - это другое дело :)
Ответить
Для добавления комментариев надо войти в систему.
Если Вы ещё не зарегистрированы на сайте, то сначала зарегистрируйтесь.