Страница 1 из 1

Div в центре другого Div'а

Добавлено: 27 сен 2007, 16:07
itwork
Привет всем!
Извините у меня возник еще од вопрос по DIV'ам! ;)

Скажите пожалуйста как мне Div#block2 разместить по центру вертикали внутри Div#block1?

[HTML]
<div id=block1 align=center style=" border: solid 1px black; height:40px; ">
<div id=block2 style="display:inline; border: solid 1px black; background-color:gray;">gfs</div>
</div>
[/HTML]

Re: Div в центре другого Div'а

Добавлено: 27 сен 2007, 23:09
Oscar
[HTML]<div align=center style="border: solid 1px black; height:100px; display:table-cell; vertical-align:middle">
<div style="display:inline; border: solid 1px black; vertical-align: middle;">gfs</div>
</div>[/HTML]

CSS, vertical-align:middle,
но он сработает только лишь если displya:table-cell,
который, в свою очередь, изменит ширину DIVа до необходимого, а не всей ширины экрана.

Если тебе это подойдёт - ок,
если нет: http://phrogz.net/CSS/vertical-align/index.html

может найдёшь что-нить подходящее ...

P.S. приведённый пример работает только в FireFox, IE 6 отказался