У меня есть страница, структурированная следующим образом
<div id = "part1" >
<div id = "cat1" >
<asp:Label cssClass="titles" runat="Server" />
<-- more code ... -->
</div>
<div id = "cat2" >
<asp:Label cssClass="titles" runat="Server" />
<-- more code ... -->
</div>
<div id = "cat3" >
<asp:Label cssClass="titles" runat="Server" />
<-- more code ... -->
</ div>
<div id = part2" >
<-- some code ... -->
</div>
<div id = part3" >
<-- some code ... -->
</div>
Соответствующий файл CSS выглядит следующим образом:
#cat1 , #cat2 , #cat3
{
float:left;
width:auto;
padding:5px;
border-width:3px;
border-style:solid;
border-color:#800000;
}
.titles
{
padding:5px;
border-width:3px;
border-style:solid;
border-color: #800000 ;
}
Моя цель состоит в том, чтобы иметь 3 столбцас цветной рамкой и для каждого столбца один заголовок (метки asp.net) с цветной рамкой.
Но все, что я получаю, - это три столбца без границ.Более того, заголовки, похоже, не остаются в "part1 div" (я не знаю, как объяснить лучше, это похоже на влияние отступов).
Что я делаю не так?
Спасибовы