Главная >
Блог > Html/Css верстка > HasLayout for IE
{HasLayout for IE}
Нам очень часто пишут с просьбами помощи по укрощению всеми любимого "Ослика". И большая часть таких проблем как раз и решается с помощью HasLayout.
Что же такое Layout
Со слов разработчика IE Маркуса Милке элементы делятся на 2 категории:
- Элементы, размеры и отображение которых, зависят от их родительских элементов (не имеющие layout )
- Элементы отвечающие и за свои размеры и за организацию своего содержимого(имеющие layout)
HasLayout ограничивает элемент прямоугольной формой. Это означает, что содержимое элемента не может проходить вокруг других блоков.
Как включить layout
Включить layout можно прописав элементам некоторые CSS свойства. Самый разумным с точки зрения верстки, это присвоить свойство zoom со значением 1. Это свойство Microsoft присваивает элементу масштаб 100% который никак не влияет на элемент. Но стоит знать, что данных способ не проходит валидацию.
.class{
zoom:1;
height:1%;
position:absolute;
position:relative;
overflow: hidden;
float:left;
float:right;
display: inline-block
/*..................*/ }
zoom:1;
height:1%;
position:absolute;
position:relative;
overflow: hidden;
float:left;
float:right;
display: inline-block
/*..................*/ }
Итоги
С помощью hasLayout можно исправить многие глюки IE6-7. Теперь, если у вас возникла ошибка в отображении вашего ослика, советуем "курить" в сторону hasLayout.
Кстати, кто следит за циклом уроков "Верстка сайта с нуля", 3 часть практически готова.
Комментарии:
rickroll |
31 05 11 |
: May 31, 2011, 12:08:06 by admin


rickroll 