Вечер добрый!

Вычитал в гугле что

vertical-align: middle;

должно выравнивать текст в диве по вертикали.
У меня никак не выходит, может не дочитал чего.
Подскажите как правильно сделать.

http://htmlbook.ru/css/vertical-align
особенно интересны комментарии этого свойства

_____________
«Гнусное свойство карликовых умов приписывать
________________!свое духовное убожество другим!»
___О) как-же он прав=>__________________ © Оноре де Бальзак.
отличный хост(рекомендую !! )
My MVC-CMV

http://htmlbook.ru/css/display
table-cell и ты живешь счастливо!

YVSIK, текст пр вертикали ни на миллиметр не сдвинулся((.

Zzepish, текст по вертикали выровнялся! Но появилась другая проблема(
Ширина дива была 100 процентов от родителя, а теперь по ширине текста в диве

#bolshe_receptov{ background-color: yellow;
    height: 50px;
    text-align: center;
    width: 100%;
    display: table-cell;
    vertical-align: middle;
}

Можно сделать и ширину родителя и текст по центру одновременно?

Reh
скинь код с этим дивом (и родительским) и параметры обоих)

<div id="block_sezon">
    <div id="name_sezon"><span>Праздничные рецепты к 8 Марта!</span></div>
    <div id="block_recepty_sezon">
        <?php echo recept_sezon('1'); ?>
        <?php echo recept_sezon('2'); ?>
        <?php echo recept_sezon('3'); ?>
        <?php echo recept_sezon('4'); ?>
    </div>
    <div id="bolshe_receptov"><span>Больше рецептов</span></div>
</div>

div#block_sezon{outline: solid 1px #008000;
    background: url('../images/pattern_uzor_orang.png') repeat-x;
    background-position: bottom;
    background-color: rgba(255, 255, 255, 0.8);
    width: 100%;
}
#bolshe_receptov{ background-color: yellow;
    height: 50px;
    text-align: center;
    width: 100%;
    display: table-cell;
    vertical-align: middle;
}

Из всего, что я попробовал работать так, как тебе надо будет, будет только таблица

То есть в простом диве текст по центру можно выровнять только горизонтально?

Reh
понимаешь, в твоем случае (чтоб и размеры менялись динамично) то да. Можно задать padding, но значения будут фиксированны

Понял! Большое спасибо что откликнулся!

Reh
если ты готов учится (а не задалбывать тупо вопросами и спихиванием работы) могу тебе сказать свой скайп

Присылай, буду рад!

Reh
Zzepish

Вот рабочий вариант. Надо просто поместить ячейку (cell) в таблицу :) И всё заработает. И я твой СПАН заменил на ДИВ.

	<style>

body{
	width: 1024px;

}

div#block_sezon{outline: solid 1px #008000;
background: url('../images/pattern_uzor_orang.png') repeat-x;
background-position: bottom;
background-color: rgba(255, 255, 255, 0.8);
width: 100%;

}
#bolshe_receptov{ background-color: yellow;
border: 2px solid blue;
height: 50px;
width: 100%;
display: table;
}

#bolshe_receptov > div
{
text-align: center;
vertical-align: middle;
display: table-cell;
}

</style>

<div id="block_sezon">
	<div id="name_sezon"><span>Праздничные рецепты к 8 Марта!</span></div>
	<div id="block_recepty_sezon">
		<?php echo recept_sezon('1'); ?>
		<?php echo recept_sezon('2'); ?>
		<?php echo recept_sezon('3'); ?>
		<?php echo recept_sezon('4'); ?>
	</div>
	<div id="bolshe_receptov"><div>Больше рецептов</div></div>
</div>

Да, СПАН можно оставить, если с ним больше нравится. С ним тоже работает.

_____________
* Хэлп по PHP
* Описалово по JavaScript
* Хэлп и СУБД для PostgreSQL

* Обучаю PHP, JS, вёрстке. Интерактивно и качественно. За разумные деньги.

* "накапливаю умение телепатии" (С) и "гуглю за ваш счет" (С)