в IE 6 появляется дополнительная пустота

При просмотре верстки в IE 6 у некоторых элементов могут появляться дополнительные “пустоты”, которые выступают за пределы элемента. Просто белая “торчащая” полоска. :) Иногда к ним можно относиться не слишком критично - небольшое увеличение однотонного отступа в некоторых случаях может быть допустимо. Однако что делать, если из-за этого отступа сбивается фон, уходят “на нет” все усилия по созданию скругленных углов?

Для начала попробовать вычислить “торчащий” элемент, прописывая в css для ie ( if lte IE 6) border предполагаемого элемента, или заполняя этот элемент парой-тройкой цифр-букв. Иногда от непонятных пустот в IE помогает избавиться дописанный   в “глючный” элемент. Или, как вариант, прописать для выпирающего элемента css-свойство zoom:1; которое является специфичным для Internet Explorer и влияет на так называемый hasLayout, отсутствие или наличие которого определяет ряд специфичных iE-багов: удвоение отступа плавающего элемента , 3px float bug и другие..

Судя по всему, это объясняется следующим:

MS-свойство hasLayout влияет на расширяемость и позиционирование фона (background). Например, по CSS-спецификации background-position: 0 0 должно соответствовать «углу отступа» (padding edge) элемента. В IE/Win это соответствует «углу границы» (border edge) при hasLayout = false и «углу отступа» при hasLayout = true:

http://csspractic.wordpress.com/2008/09/09/haslayout/

Метки: ,

Автор будет признателен, если Вы поделитесь ссылкой на статью, которая Вам помогла:
BB-код (для вставки на форум)

html-код (для вставки в ЖЖ, WP, blogger и на страницы сайта)

ссылка (для отправки по почте)

Добавить комментарий