Выравнивание в Div

Evlampiy
На сайте с 15.05.2008
Offline
116
2401

Люди добрые, помогите!

Как в теге DIV выравнять текст (и рисунок) вертикально по середине? Ни "Vertical-align: middle;" ни "text-valign: middle;" в css не помогают. По горизонтали все получается как хочется, а по вертикали - фигушки... :)

Все будет хорошо... или может быть даже еще лучше :)
Алексей Барыкин
На сайте с 04.02.2008
Offline
272
#1
GtSwan
На сайте с 08.04.2008
Offline
156
#2

Попробуйте так (размеры на свои поменяйте:)):

CSS:

Div.Main

{

height:200px;

position:relative;

}

Div.Centered

{

width:50%;

height:50%;

position:absolute;

top:25%;

left:25%;

}

HTML:

<div id="Main">

<div id="Centered">

</div>

</div>

Из личного опыта рекомендую качественный хостинг (http://timeweb.com/ru/?i=1889), который не разочарует.
Алексей Барыкин
На сайте с 04.02.2008
Offline
272
#3
GtSwan:
Попробуйте так (размеры на свои поменяйте:)):
CSS:
Div.Main
{
height:200px;
position:relative;
}
Div.Centered
{
width:50%;
height:50%;
position:absolute;
top:25%;
left:25%;
}
HTML:
<div id="Main">
<div id="Centered">

</div>
</div>

Не кошерно. Зная размер базового блока, можно тупо в пикселях отступ выставить.

GtSwan
На сайте с 08.04.2008
Offline
156
#4
Алексей Барыкин:
Не кошерно. Зная размер базового блока, можно тупо в пикселях отступ выставить.

Согласен.

Только вот если не один Div, то придется много раз пересчитывать пикселы... :)

Мой вариантик так, для общего развития, хотя и работает ;)

P.s. Кстати, в моем примере кажись "ID" нужно заменить на "class"

[Удален]
#5

<div align="center"></div>

Разве что не через class="" и id=""

согласен, неудобно, но работает :)

Алексей Барыкин
На сайте с 04.02.2008
Offline
272
#6
gasymov:
<div align="center"></div>

Разве что не через class="" и id=""
согласен, неудобно, но работает :)

Тут пацаны за вертикальное выравнивание трут... :)

[Удален]
#7
Алексей Барыкин:
Тут пацаны за вертикальное выравнивание трут... :)

упс) не заметил :)

Evlampiy
На сайте с 15.05.2008
Offline
116
#8

Спасибо всем ответившим!

Может лучше уж более привычную табличную верстку замутить... :)

GtSwan
На сайте с 08.04.2008
Offline
156
#9

Мудрое решение!!! :)

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий