Сеоблок - скролинг для сайта, как сделать что бы не раздвигался блок

L
На сайте с 18.02.2012
Offline
83
2230

Здравствуйте, сделал блок для сайта, секоблок, где статья с ключевыми словами, что бы все 2000 букв не торчали ! я сократил блок до height: 180px; , что бы можно было скролить, в опере все ок, в мозиле ок, в ie ок, вхроме ок, а в телефоне опера мини, там блок во всю ширину. те параметры в css не срабатывают что бы не шире height: 180px;

как реализовать что бы блок был со скролом как щас и что бы не шире height: 180px; ???


.seoblock {
overflow-y: scroll;
height: 180px;
font-size: 12px;
color: #000;
border: 1px solid #fff
padding: 10px 10px 10px 10px;
margin-right:18px;
margin-left:18px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
-ms-border-radius: 8px;
-o-border-radius: 8px;
-khtml-border-radius: 8px;
border-radius: 8px;
background: #ccc;
-webkit-box-shadow: inset 0px 0px 6px 6px rgba(50, 50, 50, 0.07);
-moz-box-shadow: inset 0px 0px 6px 6px rgba(50, 50, 50, 0.07);
-ms-box-shadow: inset 0px 0px 6px 6px rgba(50, 50, 50, 0.07);
box-shadow: inset 0px 0px 6px 6px rgba(50, 50, 50, 0.07);
}
XeqtR
На сайте с 24.12.2005
Offline
168
#1
l17l:
Здравствуйте, сделал блок для сайта, секоблок, где статья с ключевыми словами, что бы все 2000 букв не торчали ! я сократил блок до height: 180px; , что бы можно было скролить, в опере все ок, в мозиле ок, в ie ок, вхроме ок, а в телефоне опера мини, там блок во всю ширину. те параметры в css не срабатывают что бы не шире height: 180px;

как реализовать что бы блок был со скролом как щас и что бы не шире height: 180px; ???


.seoblock {
overflow-y: scroll;
height: 180px;
font-size: 12px;
color: #000;
border: 1px solid #FFCCE2;
padding: 10px 10px 10px 10px;
margin-right:18px;
margin-left:18px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
-ms-border-radius: 8px;
-o-border-radius: 8px;
-khtml-border-radius: 8px;
border-radius: 8px;
background: #ccc;
-webkit-box-shadow: inset 0px 0px 6px 6px rgba(50, 50, 50, 0.07);
-moz-box-shadow: inset 0px 0px 6px 6px rgba(50, 50, 50, 0.07);
-ms-box-shadow: inset 0px 0px 6px 6px rgba(50, 50, 50, 0.07);
box-shadow: inset 0px 0px 6px 6px rgba(50, 50, 50, 0.07);
}

Параметр height это не ширина а высота, если вы так называете высоту в вашем случае, то попробуйте параметр "max-height"

L
На сайте с 18.02.2012
Offline
83
#2
XeqtR:
Параметр height это не ширина а высота, если вы так называете высоту в вашем случае, то попробуйте параметр "max-height"

заработался )))

на телефоне все равно раздвинуто !

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий