VPF::элемент c float вылезает за границы родителя

seagadj

Дата 2.7.2010, 00:05 (ссылка)

(нет голосов)

Загрузка ...

Новичок

Профиль
Группа: Участник
Сообщений: 11
Регистрация: 19.1.2009
Где: Россия, ЮФО

Репутация: нет
Всего: нет

Ниже привожу код css и html

Код


<div id="ibox_wrapper">
    <div id="ibox_content"><img src='smth'/>
    </div>
    <div id='ibox_footer_wrapper'>
        <a href='javascript:void(0);' onClick="hide();">
            <img src="images/close_img.png" style="border-width:1px; height:9px; margin-right:2px;"/>
            close
        </a>
        <div id='ibox_footer'>caption</div>
    </div>
</div>

Код


#ibox_wrapper {
    position:absolute;
    top:0;
    left:0;
    z-index:1000001;
    padding:24px 9px 9px 9px;
}
#ibox_content {
    /*z-index:1000002;*/
    overflow:auto;
    position:relative;
    padding:2px;
    border-style:solid;
    border-color:#666666;
    border-width:1px;
}
#ibox_content { display: block; }
.ibox_image { margin: 0; padding: 0; border: 0; display: block;}
#ibox_footer_wrapper a {
    float: right;
    display: block;
    margin: 0;
    padding: 0;
}
#ibox_footer_wrapper {
    position: absolute;
    top: 5px;
    right: 10px;
    left: 10px;
    white-space: nowrap;
    overflow: hidden;
}

#ibox_wrapper {
    border:2px solid #ccc;
}

В ИЕ6 ссылка с CLOSE (#ibox_footer_wrapper a) вылезает за границу контейнера до правой границы экрана (при этом она не видима вообще). То есть сам родительский див не растягивается. Понять данное поведение не могу. Во всех остальных браузерах и ИЕ7 отображается корректно.

0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| Вёрстка веб-сайтов \| Следующая тема »