10 способов побороть проблемы в IE6

[@Kastrulya0001]

В мемориз.

[@transpond]

Помимо указанных способов установки hasLayout = true можно использовать:
position: absolute
float: left или right
display: inline-block

[@Jama]

А разве IE6 знает о существовании inline-block?

[@transpond]

не полностью: www.quirksmode.org/css/display.html

[@sp1ne]

Проще height: 1%;

[@chetzof]

Вот спасибо, я к сожалению из-за лени нарушил правило «Никогда не оставляйте верстку в IE не тестированной «на потом»» и сейчас открыв IE буквально охренел.

[@Omgovich]

position: relative зачастую может породить много глюков, например блок с ним может вести себя, как с position:fixed в блоках с прокруткой (overflow:auto) или начинать тупить с позиционированием и наложением.

[@Omgovich]

А чтобы не было траблов с удваиванием margin'а у блока с соответствующим float, верстальщики давно привыкли полагаться преимущественно на padding'и. С ними никогда проблем не было, а margin'ам и флоаты не нужны, чтобы выдавать перлы типа отступа снаружи элемента-родителя.

[@Fesor]

в IE6 общая длина эллемента с паддингами считается отлично от других браузеров, чем иногда сильно мешает. Хотя в данном случае мне кажется все будет нормально.

[@Omgovich]

_Всегда_ нормально считалось (отнимаешь паддинг от width/height, enjoy!). Возможно у Вас выбран, плохо воспринимаемый ослом, Doctype.

[@aps]

position:fixed в IE6?

[@Omgovich]

я написал «как position:fixed» =). Недавно сталкивался с такой ситуацией:
Каталог товаров, весь блок которого был с overflow:auto: фотографии товаров и на них наложены плашки типа «NEW!» с position:realtive. Ну вот, при скролле каталога, фотки двигались, а плашки нет.

[@Fesor]

Хорошая статья, но я уже забил на поддержку IE6

[@Omgovich]

Зря дяденька. Чтобы нам не доносили оптимистичные графики (мол доля IE6 уже ниже плинтуса и все давно на Лисе), в какой офис не заглянешь, в какой кабинет не сунешься — он везде.
Не знаю, где берут статистику по браузерам, но это место явно далеко не в России.
Примерно 90% моих клиентов сидят по ослом, а те кто не сидят все равно в нем проверяют =)

[@aps]

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

[@Omgovich]

Прикажете быть принципиальным, но голодным? Клиенты редко поддаются переубеждению.
А вы мне предлагаете либо пролетать с работой, либо переучивать клиентуру на другие браузеры? Вернитесь на Землю.

[@aps]

Сорри. Высказывание относилось к мнению Fesor.

[@Omgovich]

Тогда, поддерживаю Ваше высказывание =)

[@aps]

ЗЫ. Идиотские по кампании по неподдержке ie6 на хабре проводится чуть не раз в месяц. И пользуются неизменной популярностью.

[@Omgovich]

Люди, использующие IE, ровным счетом, никогда не заходят на такие сайты как хабр, не бывают на IT-выставках/конференциях и вообще не в курсе ничего связанного с нормальным обитанием в Интернете. Даже, если они узнают о другом браузере, просто побоятся пробовать.

[@eugeneorlov]

Ну я бы исправил «нормальным обитанием» — это они нормальные, а гики — извращенцы. И пробовать не боятся, а просто не хотят: из «шашечки или ехать» они выбирают ехать. Их интересует исключительно контент, и даже если дизайн сайта в их браузере «едет», даже если дизайна как такового нет, они все равно будут заходить на сайт, если там есть нужный им контент. Поэтому в ситуации «кто обедает девушку тот ее и танцует» ИЕ останется королем на рынке браузеров для нормальных людей до тех пор, пока это не надоест Майкрософт.

[@vitalikk]

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

[@Fesor]

Ну а у меня ситуация куда более веселая, мало у кого остался 6-ой осел, у всех если он и стоит, то 7-ой или 8-ой версии.

Но я все же стараюсь делать проекты так, что бы меньше времени потом сидеть за тестированием в каждом отдельновзятом браузере. Как правило у меня больше времени уходит на доводку JS под огнелис неже ли правка верстки под IE6

[@Fesor]

P.s. Дяденькой обидел) Я твой ровестник))

[@Chikiro]

Смотрю статистику по сайту компании, окло 60% — ie, из них ie6 — 20%. Мало ie7 и много ie8. Что не может не радовать.

[@proxor]

Пока не перестанешь поддерживать — не обновят.

[@unxed]

А может, так:

Поддержка IE6 увеличивает стоимость верстки в два раза. Хотите — платите. Всё честно. В два раза больше работы — в два раза больше стоимость. А нужны эти проценты IE6 клиенту или нет — пускай он сам решает, исходя из своей целевой аудитории и платежеспособности.

?

[@unxed]

Проиграет, но не быстро :)
Пока будет проигрывать, IE6 окончательно перестанет быть актуален.

[@chetzof]

11. Если у вложенного дива стоит position: relative, ну а у родителя — overflow: hidden, то скорее всего overflow не будет работать, если не добавить родительскому тоже position: relative.

[@volanddd]

Хватит уже перетирать верстку под IE6. Последний месяц все проекты уже без его поддержки

[@bolkhovsky]

мы тоже перестали поддерживать

[@zhulan0v]

и мы тоже)

[@JIP]

А когда IE6 научился «понимать» XHTML 1.0 Strict?

[@tenshi]

всегда понимал, а что?

[@tenshi]

не учи учёного ;-)

[@rdolgov]

11 способ — послать подальше IE6 реально помогает.

[@IonDen]

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

[@NeoN_nsk]

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

[@tenshi]

вредные советы…

[@UUSER]

>Конечно, можно использовать и другие теги в связке с java script, но лучше всего подходит.

Робот переводил?

[@Dlussky]

Плюсую. В последнем проекте вылизал верстку под оперой, убедился, что в лисе все идентично, пофиксил IE6 до состояния pixel-perfect, а потом случайно открыл в IE7 и охренел. Ибо верстка расползлась почти в ноль(
Сижу переверстываю(

[@nooze]

Меня умиляет как некоторые борются за 100% валидность кода и css по всем самым жестким правилам и при этом пытаются впихнуть в эти стандарты костыли для IE. Мне кажется стандарты и IE это вещи, близкие к тому, чтобы быть противоположными.

[@sp1ne]

www.master-web.info/10-tip-for-fix-ie6/ с переводом (6 марта 2009)
www.sitepoint.com/blogs/2009/03/06/10-fixes-for-ie6-problems/ источник.

[@brom38]

Уже было тут http://habrahabr.ru/blogs/i_am_insane/76692/

[@kyotoprotocol]

Спасибо за статью. Но мне кажется более элегантным решением использовать graceful degradation (когда в ie & co дизайн проще, отсутствуют полупрозрачности, градиенты и т.д.)
Т.е. это тот случай, когда на пользователя не забивают, а как бы намекают ему, что можно бы и обновить браузер, чтобы получить занятные эффекты.

[@Dlussky]

С png все понятно, но это уже хорошо отработанный глюк и его решение обычно не напрягает. Напрягают внезапные выкидоны IE при использовании семантичных горизонтальных меню на списках и сложной стилизации инпутов с селектами.

[@Regis]

10 способов побороть проблемы в IE6

Способ 0. Не используйте IE6. :)

[@juliv]

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

[@Regis]

Мы толстому дядьке подробно объяснили, как необходимость поддержки IE6 влияет на стоимость разработки (очень большое и дорогое B2B приложение). Дядька благоразумно решил, что IE6 ему на *** не сдался. Могу уверенно сказать, что 80% связанных с GUI пропадает, когда из семейства IE вам нужно поддерживать только IE8+ — разработка идет намного проще и быстрее.

Охотно верю, что не все заказчики столь благоразумны. Скорее даже большинство — не благоразумны. Но согласитесь, с каждым годом бремя поддержки IE6 становится всё дороже и дороже.

Если для заказчика IE6 важен — предлагайте ему «graceful degradation» по мере возможности.

[@juliv]

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

[@Regis]

* %80 проблем

[@aps]

>большое и дорогое B2B приложение
А если бы это был дорогой и большой сайт с миллионом хостов и отбивкой денег за счет рекламы. Вы бы стали втюхивать клиенту, что 150.000 тыс. посетителей ему не нужны, c отсылкой на B2B?

[@Regis]

Поверьте, заказчику имеет значение, будет ли сайт стоить 1 млн. или 1,5 млн., но с поддержкой лишних 5-10%.

[@aps]

>Может быть я чего-то недопонимаю
Скорее всего в этой конторе просто обувают тупых клиентов, на всем чем могут.

> IE6 занимал бы больше 15%
На хабре, вы — среди немногих, для кого отладка ie6 — нормальный рабочий процесс. Для большинства остальных это непосильная задача.

[@Fesor]

непосильная задача — не беритесь

[@aps]

Юноша, кажется выше вы объявили о том, что на поддерживаете ie6. На радость хабролеммингам.
Учитывая какую феерическую х… вы несли баги подсчета width+padding в ie6, становится понятным, почему именно вы прекратили это неблагодарное и непосильное для вас занятие.

[@Regis]

На «всевозможных сайтах-визитках» нет необходимости разрабатывать сложные кастомные GUI-компонеты (таблицы с горизонтальным и вертикальным скроллингом, пагинацией, фильтрами и сортировкой; различные календари; лукапы; кнопки-меню и прочее). Так что ситуации разные.

Одна только возможность полноценно использовать селекторы из CSS2 (не CSS3!) сильно упрощает задачу разработки подобных компонент. IE6 тут — слишком дорого обходится.

[@FTM]

6 ослик — уже неактуально. Никто же не пытается перебороть проблемы старых версий хрома, оперы, сафари, файрфокса. Потому что это тоже неактуально.

[@juliv]

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

[@dimaniko]

dimaniko.habrahabr.ru/blog/9222/

[@webwin]

Это все борьба с симптомами, а нужно бороться с самой проблемой
1. В т.з. не писать про поддержку ie6
2. Для пользователей ie6 писать предупреждение про устаревший браузер и предложить выбрать один из новых

[@caIIIa]

Smashing Magazine вчера написал шикарную статью «Как поддерживать IE6 и оставаться в теме».
Большинство примеров сводятся к тому, что на IE6 нужно забить. Никаких специальных css, фильтров для PNG, дополнительной верстки и прочее…

Я верстаю 7 лет.
Я согласен со Smashing Magazine.
Я надеюсь, что совсем скоро я буду делать проекты без «IF IE6» — просто потому, что нужно двигаться вперед.
10 лет за границей даже машины не ездят.

Мне жалко тех, кому запрещено обновить браузер — мне просто их жалко, их админ-идиот.
Мне жалко тех, кто использует нелегальные версии Windows — мне просто их жалко.
Мне жалко тех, кто принял IE6 и пишет приложения под него в рамках корпоративных стандартов — они просто больные, неужели такого большого срока недостаточно, чтобы понять свою неправоту.

[@SeVit]

Все будет хорошо,
IE9 уже почти дописали, а с ним дойдут до масс CSS3 и другие прелести,
в следующем году Windows 8 выйдет

Помните как IE5.5 отвалился?
IE6 сдохнет, когда крупные порталы забьют на него — осталось не долго.

[@Fesor]

Поправка, 8-рку еще года 2 ждать

[@b_r]

А перевод то машинный, да? :)

[@caIIIa]

Топик отчаянно минусуется завхозом Тамарой Петровной и её сисадмином, который накатил на все компы конторы XP SP1 Corp(стоящий аж 4500 рублей максимум), потому что «эта версия стабильнее(у него руки из жопы просто)» с отключенными обновлениями.

Проблемы, господа, в головах.
В головах техподдержки.
В головах неграмотных юзеров, которые же и заказчики.
Помоги миру — пересади кого-нибудь на СОВРЕМЕННОЕ ПО.
Я вот два человека за эту неделю пересадил на другой браузер…

[@Fesor]

есть варианты ЗА?)

[@Maximoto]

Мы уже полгода будет как отказались от поддержки IE6

[@acy]

Многие здесь говорят, мол, забьем на IE6.
Правда, никто не хочет замечать, что мы живем в «обществе», а люди, которые понимают всю обсурдность существования IE6 для всех лишь неформалы.

[@mmaaxx]

Следующая статья будет «Борьба с проблемами в IE5 и NN7»? :))

Шутка ;), сам знаю что для некоторых проектов это всё ещё необходимо :/.

[@note]

Топик зла?
Хотя что это я спрашиваю… ведь название топика можно легко заменить на «10 способов побороть зло»

[@deepsweet]

некрофилии очередной пост.

вы ещё дочерние/сестринские css-селекторы не используйте из-за ie6.
кандалы прогресса.

[@juliv]

Забавно, эту же статью, но переведённую другим автором, я ранее нашёл на другом сайте dimox.name/10-fixes-for-ie6/.

[@cgvictor]

Не лучший перевод не лучшей статьи.

* За косяки перевода автору лучи поноса.
Сколько можно уже постить на хабр вот такой невычитанный машино-писец?

А, ну и конечно — жду ответных минусов.

[@Xobb]

11. Перестать его поддерживать.

[@edelweard]

Ой какие все принципиальные! Комменты а-ля «11. Перестать его поддерживать» идут через один.
Не знаю, откуда берётся статистика вида «IE6 — 10%», но у всех моих знакомых, работающих в крупных компаниях, установлен именно IE6. И обновить его, ясное дело, нельзя.
Я понимаю, что YouTube не особо нужен на рабочем месте, а вот другие сайты…
Моё мнение: да, IE6 — это ужас и зло, это море сложностей и бездна потраченного времени. Но его нужно поддерживать. Забивая на IE6, вы отказываетесь от всех офисных работников. Сами выбирайте, что важнее для вашего сайта.

[@Xobb]

Так никто не принципиален. Разработки, которыми я занимаюсь не имеют никаких привязаностей к IE 6, так зачем ебатся для его поддержки? это не универсальное решение, некоторым подойдет, кому-то не подойдет.

[@edelweard]

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

[@heel]

Может люди обновят свой IE6, когда все верстальщики дружно забьют на написание хаков под него

[@Fesor]

нет, обновятся когда придет время… Но если посетителей твоего сайта менее 5% с ослом шестым — то можно и забить… Хотя лучше верстать так что бы все было одинакого во всех баузерах.

[@Marsikus]

Мне нравится более решительный метод, как было на Youtube, т.е. вылазит строчка, показывающая надпись вроде «Извините, но ваш браузер — старое УГ, выберите себе новый».