Это мой макет:
<div class="divContainer">
<div class="item">
<div class="itemHeader"></div>
<div class="itemBody"><div>
<div class="itemFlag"></div>
</div>
....
</div>
И CSS:
.divContainer{
display:table;
border-spacing:0 5px; //bottom spacing
width:100%;
}
.item{
display:table-row;
height:45px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
border-radius:10px;
}
.itemHeader, .itemBody, .itemFlag{
display:table-cell;
}
.itemHeader{
width:100px;
}
.itemBody{
width:150px;
}
.itemFlag{
width:20px;
}
Круглые границы не отображаются на элементах item
.
Если я поставлюони появляются отдельно в itemHeader
и itemFlag
.
Но я бы очень хотел очистить некоторый код и поместить их в item
Также не могу получить радиус для работы сdivContainer
класс.Мне нужен контейнер с закругленными углами, в котором есть округлые строки.
В чем проблема?Может быть, другая часть CSS портит это, но я не думаю, что это так.