Вид для печати
В верстке присутствует блок div с определенной шириной и высотой, внутри которого располагается элементы в виде изображений.
Блоку придал CSS свойства:
overflow-y: scroll;
overflow-x: hidden;
В IE 6,7 содержимое блока уходит за его нижнюю границу, когда все должно оставаться внутри и просматриваться с помощью полосы прокрутки.
[Only registered and activated users can see links. Click Here To Register...]
Как решается проблема, подскажите пожалуйста
Код не приведёте?
Да, конечно.Цитата:
Код не приведёте?
HTML:
CSS:Код:********<div class="gallery-content-box">
************<div class="gallery">
****************<div class="gallery-img">
********************
********************
****************</div>
****************<div class="gallery-img">
********************
********************
****************</div>
****************<div class="gallery-img">
********************
********************
****************</div>
****************************** ... и так далее
************</div>
********</div>
Код:.gallery-content-box {
****margin: 36px 0 0 65px;
****width: 620px;
****height: 365px;
****border: 1px solid #c6c6c6;
****background: #241907;
****overflow-y: scroll;
****overflow-x: hidden;
}
.gallery {
****padding: 2px 0 14px 17px;
}
.gallery-img {
****float: left;
****margin: 15px 14px 0 0;
}
.img {
****margin: 0px 0 0 1px;
****width: 178px;
****height: 100px;
****position: relative;
****z-index: 1;
}
.ramka {
****margin-top: -101px;
****width: 180px;
****height: 103px;
****background: url(images/ramka.png) no-repeat;
****position: relative;
****z-index: 2;
}
Методом тыка решил задачу.
Напишу как - может кому пригодится:
Задал блоку с overflow-y - position: relative и в IE7 встало все как надо.
Дальше убрал overflow-x: hidden - в IE6 все исправилось (В IE7 была нижняя полоса прокрутки, но при position: relative в IE7 все нормально)
С оперой версиями ниже 9.5 тоже была проблема, которая решается хаком:
Все просто, когда знаешь ;)Код:html:first-child .gallery-content-box {
overflow: auto;