Подныривание под div'ы с float в IE 7.0

[webmos]

Уважаемые форумчане,

встретился с тем, что в IE 7, div, следующий за дивом со свойством float, не хочет подныривать под впереди идущий.

То есть последующий div свойства float не имеет и в других браузерах оказывается под дивом, находящимся впереди него.

Что можно придумать для IE 7, чтобы он вел себя в соответствии с пожеланиями консорциума?

[psywalker]

Уважаемые форумчане,

встретился с тем, что в IE 7, div, следующий за дивом со свойством float, не хочет подныривать под впереди идущий.

То есть последующий div свойства float не имеет и в других браузерах оказывается под дивом, находящимся впереди него.

Что можно придумать для IE 7, чтобы он вел себя в соответствии с пожеланиями консорциума?

Поставить первому релатив и з-индекс больше, чем у второго

[webmos]

Уважаемые форумчане,

встретился с тем, что в IE 7, div, следующий за дивом со свойством float, не хочет подныривать под впереди идущий.

То есть последующий div свойства float не имеет и в других браузерах оказывается под дивом, находящимся впереди него.

Что можно придумать для IE 7, чтобы он вел себя в соответствии с пожеланиями консорциума?

Поставить первому релатив и з-индекс больше, чем у второго

Не реагирует. Вот код:

<div style="float:left; position:relative; z-index:1; border: 2px solid #CC3; width:200px; height:100px;">1</div>
<div style="z-index:0; border: 4px solid red; width:200px; height:100px;"></div>

Ie 7 переносит нижний блок вверх и вправо, то есть делает с целым блоком то же, что другие браузеры делают с содержимым блока - обтекание

[Switch74]

для таких целей я обычно использую для первого дива position:absolute а не float

в вашем случае т.к. вы знаете ширину и высоту дивов, лучше будет воспользоваться position:relative для второго блока + сдвинуть вверх на нужное количество px через top или margin-top

Edited November 20, 2011 by Switch74