Форум: Форум PHPФорум ApacheФорум Регулярные ВыраженияФорум MySQLHTML+CSS+JavaScriptФорум FlashРазное
Новые темы: 0000000
Социальная инженерия и социальные хакеры. Авторы: Кузнецов М.В., Симдянов И.В. PHP 5. На примерах. Авторы: Кузнецов М.В., Симдянов И.В., Голышев С.В. PHP 5/6. В подлиннике. Авторы: Кузнецов М.В., Симдянов И.В. Программирование. Ступени успешной карьеры. Авторы: Кузнецов М.В., Симдянов И.В. Самоучитель PHP 5 / 6 (3 издание). Авторы: Кузнецов М.В., Симдянов И.В.
ВСЕ НАШИ КНИГИ
Консультационный центр SoftTime

HTML+CSS+JavaScript

Выбрать другой форум

 

Здравствуйте, Посетитель!

вид форума:
Линейный форум Структурный форум

тема: Выравнивание содержимого нескольких блоков подряд по вертикали и горизонтали для IE6
 
 автор: immortal727   (25.08.2011 в 15:52)   письмо автору
 
 

Искал долго на счет этого, но нашел более нормальное решение 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 прописывать им, чтобы они выравнивались все как по горизонтали, так и по вертикали?

  Ответить  
Rambler's Top100
вверх

Rambler's Top100 Яндекс.Метрика Яндекс цитирования