Вы можете авторизоваться через ВКонтакте, Фейсбук и оставить комментарий


Двойной отступ в IE6

Каждый верстальщик сталкивался с проблемой двойного отступа у элементов со свойством float:left;, во всеми любимом браузере Internet Explorer 6.

Пример

Создадим слой div фиксированного размера, зададим ему стиль со свойством float:left, и проверим как будет отображаться информация в браузерах IE6 и FF.

1
2
3
4
5
6
#layer {background:#FAFAFA; width:500px; border:solid 1px #DDD; padding:10px 20px;
    float:left;
    margin-left:100px;
}

p {margin:0; padding:5px 0 10px 0;}
1
2
3
4
5
6
7
8
9
10
11
12
13
14
<div id="layer">
<p>Люди конечного том бы. Его статьи причин продукт ну, по если стимул его,
чем бы любых обычно собственный. Ну не назад поскольку. Буду важное поскольку
их нет, то вещь ошибки разработчик миф. Тест пока всего его вы, об пять лагерю
человек все.</p>

<p>Мнение обеспечения тем от, за всю русском редактор. Он учимся плохой
результаты три. Многие проектами разработчик об шеф, чем ну лучше
низкокачественный. Так йорке ваших каждый за, но они каким страниц времени,
нее но черт чтобы.</p>

<p>Руки появления об как, эти коду огонь успехов ты. Сажусь прекрасно разработки
мог об. Не программы вероломно шеф, состояние принадлежите удовольствием опа то.
Так периоды программистам ну, плиты шагов мог мы, мысли участки начальники оно за.</p></div>

Результат

В результате отступ в FF будет 100px, а в IE6 — 200px.

Двойной отступ в IE6

Решение

Решение очень простое. Достаточно добавить свойство display:inline элементу.

CSS-стиль будет выглядеть так:

1
2
3
4
5
6
7
#layer {background:#FAFAFA; width:500px; border:solid 1px #DDD; padding:10px 20px;
    float:left;
    margin-left:100px;
    display:inline; /* Добавление этого свойства решает проблему двойного отступа в IE6*/
}

p {margin:0; padding:5px 0 10px 0;}

Результат

В результате отступы в браузерах будут одинаковыми.

Решение бага двойного отступа в ИЕ6

Опубликовано: 10 сентября 2011  ·  Автор: Артём Фёдоров  ·  1970 просмотров

Категория

ГлавнаяВеб-дизайнHTMLВерсткаДвойной отступ в IE6

Чтобы оставить комментарий нужно авторизоваться на сайте
или войти через ВКонтакте или Фейсбук

Войти через ФейсбукВойти через Твиттер

Комментарии

Верстка, HTML, Веб-дизайн

© 2010-2017 expange.ru
При полном или частичном копировании статей сайта, ссылка на источник обязательна.

Хотите узнать больше информации, пишите на: artem@expange.ru

Полезное онлайн  ·  Новости  ·  Изображения  ·  Статьи по датам

О проекте  ·  Правила пользования  ·  Представительства

Благодарности и пожелания