Форум PHP программистов > слои- вертикальное выравнивание текста

[ Поиск ] - [ Пользователи ] - [ Календарь ]

Полная Версия: слои- вертикальное выравнивание текста

Нимфа

28.03.2009 - 16:37

Никак не могу придумать решение. Вот такая ситуация: есть слой картинкой, а на этом слое текст выровнян по центру по вертикали и горизонтали. С горизонталью никаких проблем. Как правильно указать выравнивание по вертикали? просто фиксировано высчитать пиксели сверху - не подходит, так как в EI и в Опере выглядит по-разному.
Привожу код

HTML

.stat1
{
position:absolute;
top:160px;
left:65px;
border: 0px;
}
.stat1txt
{
position:absolute;
top:0px;
left:0px;
width: 100%;
height: 100%;
vertical-align: center;
margin: 0 auto;
}

<div class="stat1" z-index="19" align="center" >
<img src="images/statistic.png" />
<div class="stat1txt" z-index="20" >
<p>1 333Гб </p>
</div>
</div>

Спустя 4 часа, 4 минуты, 50 секунд (28.03.2009 - 19:42) kirik написал(а):

Цитата (Нимфа @ 28.03.2009 - 07:37)

Как правильно указать выравнивание по вертикали?

Информацию в div'е нельзя выровнять по вертикали, пока он является блочным элементом (тем более с абсолютной позицией).

Почему нельзя обойтись этим?

PHP

<style>
.stat1 {
    display: table-cell;
    width: 300px;
    height: 200px;
    background: transparent url('http://phpforum.ru/style_images/1/logo.jpg') no-repeat;
    text-align: center;
    vertical-align: middle;
    border: 1px solid #ccc;
}
</style>

<div class="stat1">
    <p>1 333Гб </p>
</div>

Спустя 18 часов, 10 минут, 6 секунд (29.03.2009 - 12:52) Нимфа написал(а):

сделала все-таки абсолютным позиционированием, явно указав отступ сверху. Но спасибо за хороший совет

Быстрый ответ:

Здесь расположена полная версия этой страницы.