Тэг ‘ie6’

в 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/

Опубликовано Апрель 3, 2009 | автор: levik  |  Нет комментариев »

Таблицы шириной 100% в ie 6 и плавающие (float) элементы

Если меню выполнено в виде плавающего блока (например, div#left {float:left;width:200px;}), а в правом блоке сделан отступ шириной такой же или чуть больше ширины плавающего блока (div#right{margin-left:200px;}), то при попытке вставить в правый блок таблицу <table width=”100%”>…</table> она отображается ниже плавающего блока (как будто прописано свойство clear). Если прописать width=”99%”, то таблица отображается на своем месте.

Если вставить дополнительный слой шириной 99% как контейнер для таблицы (а в таблице прописать 100%), то таблица опять же отобразится на своем месте.

Во-первых, проверяем, указан ли DOCTYPE. К тому же сползание таблицы еще зависит от типа документа. Похоже, для Strict-документов, браузер прибавляет к общей ширине таблицы (100%) дополнительные бордюрные пиксели по бокам. Проверить, в них ли причина, довольно легко -пишем вместо {border:solid 1px #000;} более “толстый” вариант {border: 10px solid #000000;}, а затем убираем границы, и, для наглядности можно выделить цветом {background: #aaa;}

http://xpoint.ru/forums/thread/29197.xhtml
http://xpoint.ru/forums/thread/29164.xhtml

Опубликовано Май 7, 2008 | автор: levik  |  Нет комментариев »