Вам нужна верстка сайта? Выполняем СРОЧНЫЕ ЗАКАЗЫ. Кроссбраузерно, W3C. Наши специалисты верстают макеты качественно и в срок.
Блог  > 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
/*..................*/ }

Итоги

С помощью hasLayout можно исправить многие глюки IE6-7. Теперь, если у вас возникла ошибка в отображении вашего ослика, советуем "курить" в сторону hasLayout.

Кстати, кто следит за циклом уроков "Верстка сайта с нуля", 3 часть практически готова.


commentКомментарии:
img_comrickroll 31 05 11
как же это круто...
: May 31, 2011, 12:08:06 by admin  
Введите ваше имя:
Пишите свое:

Если вы не можете разобрать код на картинке, кликните по картинке, она обновится.
Введите код с картинки:
 
^ вверх