Выравнивание блока

[MaferoK]

Как выровнять блок вертикально по центру экрана ?

{
display:table-cell;
text-align:middle;
}

почему то не работает ( или то я что то не так делаю )

обьясните в общем плз как выровнять по центру блок ( например с шириной 400 и высотой 600)

[Softlink]

вам надо задавать table-cell блоку-родителю, тогда вложенные элементы будут центрироваться по вертикали.

И вы еще неправильно написали, надо

vertical-align:middle;

[MaferoK]

ну вот так я понимаю надо сделать ? , но всё равно не работает ...

<div class="container">
<div class="text">отцентрированный элемент</div>
</div>

.container {
	display: table-cell;
}

.text{
	vertical-align:middle;
}

[Softlink]

http://jsfiddle.net/9MvD5/

[MaferoK]

спасибо огромное , разобрался

[Softlink]

На здоровье

[MaferoK]

ещё 1 вопрос , а как тогда сделать что бы контект и текст всегда были по центру экрана вертикально и горизонтально ?

1 - это боди бекграунд

никак вообще допереть не могу )

Edited August 1, 2011 by MaferoK

[Softlink]

http://jsfiddle.net/9MvD5/1/

Еще есть такой вариант http://forum.htmlbook.ru/index.php?showtopic=19320 В топике написано, что кросс, хотя сам не проверял.

Но мне больше нравится css3

Edited August 1, 2011 by Softlink

[MaferoK]

а этот врапер можно растянуть на весь экран как нить ? что бы див "текс" всегда находился по середине экрана ?

[Softlink]

а этот врапер можно растянуть на весь экран как нить ? что бы див "текс" всегда находился по середине экрана ?

ну если только эмулировать таблицу: http://jsfiddle.net/9MvD5/2/

Хотя надо еще посоображать.

)))Можно прям на body навесить display:table;

Edited August 1, 2011 by Softlink

[MaferoK]

та я ещё порылся и нашол вариант с позиционированием и подогнал его под себя

вобщем получилось вот так )

.main{
	position:absolute;
	top:50%;
	left:50%;
	height:240px;
	width:240px;
	margin-top:-120px;
	margin-left:-350px;

} 

.wrapper{
	display:table-cell;
	vertical-align:middle;  
	top:50%;
}

так до конца и неразобрался как ето работает но в общем всё вроде нормально ))

Softlink спс ещё раз за помощь

[Softlink]

чего-то он у меня по центру экрана-то не встал.