Здравствуйте, вот в чем суть проблемы: Имеется резиновая верстка сайта. Есть контент, который разделен на три части левую центральную и правую колонки. Внутри правой и левой колонок нужно разместить по центру еще один слой. потому что в зависимоости от разрешения экрана отступы от центральной колонки должны быть разными. Помогите разобраться.
Код основного css
| Код |
#leftcol { /* параметры для левой коллонки */
margin-top: 3%;
float: left;
width: 24.4%;
position: relative;
}
#content { /* параметры для основного содержания */
float: left;
margin-top: 3%;
background:
url('images/index/fon7.png');
width: 50%;
}
#rightcol{ /* параметры для правой коллонки */
width: 24.4%;
float: left;
text-align: center;
margin-top: 3%;
}
|
| Код |
.box, .lbox{
width:250px;
background:url('images/rcol/as2.jpg') top repeat-y;
margin-bottom: 5px;
}
|
и пример html кода блока которого нужно отцентровать внутри rightcol
| Код |
<div class="lbox">
<h3 class="r"><font class="lcoll">бла бла бла</font></h3>
<div class="in">
<p class="lcolcon">бла бла бла<p><hr></p>
</div>
</div>
|
|