| |
|
|
| | Искал долго на счет этого, но нашел более нормальное решение http://webstandards.org.ru/forum/index.php?showtopic=95
Подходит код
.content_top{background:url(../images/ket_4.jpg) no-repeat; display: table; width:533px; position: relative; //overflow-y: hidden; height:35px;}
.content_top .r{display: table-row; position: relative; //top: 50%;}
.content_top .c{display: table-cell; //display: inline; position: relative; //float: left; //margin-right: -100%; vertical-align: middle;}
.content_top .r .r{display: block; //top: -50%; width: auto; //width: 526px; padding: 0px 7px 0px 7px;}
.style9 {color:#FFFFFF; font-size: 13px; text-align:left; vertical-align:middle; font-weight:bold;}
|
<div class="content_top style9">
<div class="r">
<div class="c">
<div class="r">{title}</div>
</div>
</div>
</div>
|
Но мне нужно разместить три блока для шапки, идущих друг за другом (т.е. каждый будет с float:left) и содержимое каждого должно быть по центру как по вертикали так и по горизонтали.
Включаю еще один блок скажем в класс .content_top .r .r по ширине скажем в 1000px. В нем создаю еще три блока с обтеканием по левому краю, т.е. получается такая структура
<div class="content_top style9">
<div class="r">
<div class="c">
<div class="r">
<div style="width:1000px;">
<div .1>Содерижмое 1 блока</div>
<div .2>Содерижмое 2 блока</div>
<div .3>Содерижмое 3 блока</div>
</div>
</div>
</div>
</div>
</div>
|
А выравнивается везде по центру только содержимое 1 блока, а остальные центрируются только по горизонтали. Как быть? Какие свойства css прописывать им, чтобы они выравнивались все как по горизонтали, так и по вертикали? | |
| |
|
