Поиск 

Удаляем лишний отступ в IE при использовании clear: both

Четверг, Декабрь 24, 2009 г.
Часто, когда мы используем плавающие блоки, для того, чтобы нижеследующий блок расположить под ними без смещения вверх за счет флоатов, мы создаем дополнительный html-элемент, к которому применяем свойство clear: both, например, так, как это сделано в трехколоночном макете с помощью CSS:

.clear {clear: both}
В ряде случаев между самым высоким плавающим блоком и нижеследующим не плавающим (например, между контентом и футером) в браузере Internet Explorer, в том числе и в 7-й версии, появляется лишний отступ, образованный этим самым свойством clear: both. Грешит, я так полагаю, именно IE, поскольку в современных браузерах (Opera, FireFox, Safari) данные блоки отображаются так, как надо, т.е. без лишних “не задуманных” отступов.

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

Чтобы устранить данный недочет в Internet Explorer, нужно задействовать всего пару дополнительных CSS-правил. Решение очень простое – указываем клир-контейнеру нулевую высоту и скрываем его переполнение:

.clear {
 clear: both;
 height: 0;
 overflow: hidden;
}

В результате IE “пляшет” по нашим правилам.
Взято с www.dimox.name
Теги: CSS | Internet Explorer Автор: ATEX | Просмотров: 2844 | Нет комментариев | print |

Похожие статьи

все похожие статьи 
Категории
ТОП 10 - Авторы
  1     Луна   1964     2.93   
  2     pobeda   487     2.96   
  3     Tais   444     3.11   
  4     Foma   139     2.92   
  5     Lubov   52     2.91   
  6     Angel   45     2.93   
  7     Dolores   45     2.77   
  8     Paradiz   31     2.83   
  9     Xenta   29     2.86   
  10     Pryanik   26     2.8   
все авторы 
Последние статьи

Торт Пьяная вишня

Понедельник, Апрель 01, 2019 г.
|
Луна | 1547 |

Вода

Среда, Январь 24, 2018 г.
|
Луна | 993 |

Фруктовые соки

Среда, Январь 24, 2018 г.
|
Луна | 867 |

Вода и жизнь

Среда, Январь 24, 2018 г.
|
Луна | 1425 |

Голубцы с грибами

Среда, Январь 24, 2018 г.
|
Луна | 1429 |
Популярные статьи

Сухово-Кобылин А.В.

Среда, Январь 19, 2011 г.
|
Луна | 730 |

Неврозы

Вторник, Июль 27, 2010 г.
|
Луна | 967 |
|
Луна | 4214 |

Тредьяковский В. К.

Воскресенье, Январь 23, 2011 г.
|
Луна | 978 |

Александр Македонский

Пятница, Август 27, 2010 г.
|
Луна | 11372 |

Облако тегов