Те, кто использовал в верстке плавающие(float) блоки. Сталкивался с одним неприятным багом «всем любимого» браузера – Internet Explorer 6. Суть бага состоит в том, что при задании блоку float его отступ(margin) со стороны, в которую он отплывает, увеличивается вдове. Этот баг окрестили именем – «Double margin bug». Это удвоение отступа можно легко ликвидировать, об этом написано ниже.

Мне известны два адекватных способа его решения. Первый – самый логический это не использовать марджин у плавающих блоков, но это крайность. Второй адекватно действующий – присвоить блоку с margin свойство – display:inline. После этого проблема с отступом исчезнет.

Можно пойти еще дальше и использовать условные комментарии (подробней об условных комментариях можно прочитать в заметке – Условные комментарии для IE), или хаки (подробней о хаках можно прочитать в заметке Хаки – краткий путь к кроссбраузерности?) для того чтоб это присвоение было воспринято только в IE6.

Tags: , ,

10 Отзывов to “Удвоение отступа(margin) в Internet Explorer 6”

  1. kuzmi4:

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

  2. Lolla:

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

  3. Чижиков:

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

  4. Balakin:

    Спасибо, пост действительно толково написан и по делу, есть что почерпнуть.

  5. Авто сайт:

    Привет, стукни в аську 236781742 плз

  6. slorieriupe:

    Автор, почему так хило обновляете сайт?

  7. smelllannatum:

    Так-так… надо будет присмотреться к этой области

  8. Wailapliaitte:

    Я вот думаю, а где Вы материал взяли для этой статьи? Неужели из головы?

  9. sms:

    Да хаки сработают, но что так и сидеть «сторожить» сайт до выхода новых OS, а потом все переписывать что ли?

  10. Анонимно:

    огромное спасибо за краткую и полезную информацию!!! Очень пригодилось и быстро нашлось в инете!!!

Оставить отзыв


Последние записи