Возможно ли так сверстать?

233

Yurecm

6 ноября 2007, 04:23

542

Есть проблема, как сделать с помощью блочной верстки выравнивание обьекта по вертикали по центру , важно то что этот обеъкт имеет изменяющуюся высоту, и сделать через абсолютное позиционирование и сместить через маргин не получиться, вот пример кода, что туда еще необходимо вписать? или как вы решаете данную проблему?

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<head>

<title>Untitled Document</title>

body, html { height: 100%; margin:0; padding:0;}

</style>

</head>

<body>

текст который должен быть по центру как по горизонтали так и по вертикали!!!!!<br /><br />

по горизонтали просто, как по вертикали сделать????

</div>

</body>

</html>

Заранее спасибо

95

Shtogrin

6 ноября 2007, 04:44

#1

http://d-graff.de/fricca/center.html

как утверждает автор

* Firefox 1.04

* Opera 6.06 / 7.23 / 8.0

* Netscape 6.1 / 7.1

* IE 5.0 / 5.5 / 6

Подборка решений, но в IE не все работает

http://www.student.oulu.fi/~laurirai/www/css/middle/

www.shtogrin.com (http://www.shtogrin.com/). Канцтовары (http://www.invit.com.ua/). 1С Бухгалтерия (http://account.kiev.ua/).

233

Yurecm

6 ноября 2007, 05:27

#2

Shtogrin, спасибо за ссылки, но они не то что нужно.

Shtogrin:
http://d-graff.de/fricca/center.html

Здесь, блок фискированной высоты, а в моем случаи высота разная, следовательно данный метод не подходит я в самом начел топика написал про это

Yurecm:
важно то что этот обеъкт имеет изменяющуюся высоту, и сделать через абсолютное позиционирование и сместить через маргин не получиться,

Shtogrin:
Подборка решений, но в IE не все работает
http://www.student.oulu.fi/~laurirai/www/css/middle/

Нашел один пример как рз для моего случая, но нами всеми горячо любимый IE его не поддерживает, (там еще див через дисплей делают ячейкой, и к нему принимают вертикал-алинг)

Неужели через блоки нельзя сделать? )))

eTarget 2011:Панельная дискуссия «Стратегия eTarget 2011: Круглый стол Могут ли «плохие» входящие

95

Shtogrin

6 ноября 2007, 05:56

#3

Есть еще извращение с expression для IE (высоту можно определить программно), для остальных display:table-cell;

http://cssing.org.ua/2007/04/26/another-css-valign-method/

90

PLAHA

6 ноября 2007, 12:46

#4

Счас подскажу

Сумки мужские кожаные (http://bigbrown.ru) - маленький бизнес

D

105

Dimych

6 ноября 2007, 12:55

#5

А так не пробовали?

<html>

<body>

<tr>

текст который должен быть по центру как по горизонтали так и по вертикали!!!!!<br /><br />

по горизонтали просто, как по вертикали сделать????

</td>

</tr>

</table>

</body>

</html>

Отличный репетитор по математике (http://www.mosrepetitor.ru/) в Москве.

233

Yurecm

6 ноября 2007, 13:35

#6

Мне нужна блочная верстка! таблицы не катят! как сделать уже ответил shtogrin, спасибо.

Вышел новый Яндекс Браузер с YandexGPT и YandexART

Тренды маркетинга в 2024 году: мобильные продажи, углубленная аналитика и ИИ