Ниже привожу код 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 отображается корректно. |