Ссылка
Проблема в закруглении у дивов
В мазиле и хроме отображается все правильно, а в опере Фон блока вылазиет по верх закругления углов.
Помогите как решить?
Вот CSS код
.ref{
width: 250px;
padding: 0 0px;
border: 1px solid #C0D7FB;
font-size: 105%;
font-weight:normal;
-moz-border-radius:10px;
-khtml-border-radius:10px;
-webkit-border-radius:10px;
border-radius:10px;
overflow: hidden; /* необходимо для того, чтобы
спрятать верхний бордюр у первого пункта и
нижний бордюр у последнего пункта */
}
.ver {
background: #F2F7FD;
list-style: none;
padding: 8px 0 6px 0px;
border-top: 1px solid #C0D7FB; /* синяя линия */
border-bottom: 1px solid #FFF; /* белая линия */
margin: -1px 0 -2px; /* "нахлестываем" на предыдущий и следующий пункт,
в результате чего и достигается нужный эффект */
height: 1%; /* для устранения бага в IE6 и IE7 */
}
.open {
background: #FFFFFF;
list-style: none;
padding: 8px 0 6px 0px;
border-top: 1px solid #C0D7FB; /* синяя линия */
border-bottom: 1px solid #FFF; /* белая линия */
margin: -1px 0 -2px; /* "нахлестываем" на предыдущий и следующий пункт,
в результате чего и достигается нужный эффект */
height: 1%; /* для устранения бага в IE6 и IE7 */
}
Спустя 1 час, 1 минута, 56 секунд (26.09.2012 - 15:13) Susik написал(а):
Всем спасибо! Вроде сделал.
Спустя 1 час, 25 минут, 40 секунд (26.09.2012 - 16:38) killer8080 написал(а):
Цитата (Susik @ 26.09.2012 - 15:13) |
Всем спасибо! Вроде сделал. |
Ну дык поделись, может кому пригодиться
Спустя 1 час, 14 минут, 59 секунд (26.09.2012 - 17:53) Susik написал(а):
Вобщем так
Пришлось закруглять не весь блок .ref а по отдельности .ver1 для верха и .ver2 для низа
Еще вот эта строчка
тоже мешала с нижним округлением
Пришлось закруглять не весь блок .ref а по отдельности .ver1 для верха и .ver2 для низа
Еще вот эта строчка
margin: -1px 0 -2px; /* "нахлестываем" на предыдущий и следующий пункт,
тоже мешала с нижним округлением
_____________