[ Поиск ] - [ Пользователи ] - [ Календарь ]
Полная Версия: Помогите с отображением в OPERe
Susik

Ссылка

Проблема в закруглении у дивов
В мазиле и хроме отображается все правильно, а в опере Фон блока вылазиет по верх закругления углов.

Помогите как решить?

Вот 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)
Всем спасибо! Вроде сделал.


Ну дык поделись, может кому пригодиться rolleyes.gif

Спустя 1 час, 14 минут, 59 секунд (26.09.2012 - 17:53) Susik написал(а):
Вобщем так



Пришлось закруглять не весь блок .ref а по отдельности .ver1 для верха и .ver2 для низа


Еще вот эта строчка

margin: -1px 0 -2px; /* "нахлестываем" на предыдущий и следующий пункт,

тоже мешала с нижним округлением


_____________
Быстрый ответ:

 Графические смайлики |  Показывать подпись
Здесь расположена полная версия этой страницы.
Invision Power Board © 2001-2024 Invision Power Services, Inc.