VPF::Выравнивание текста внутри блока по вертикали

webtailor

Дата 15.6.2006, 21:55 (ссылка)

(нет голосов)

Загрузка ...

Новичок

Профиль
Группа: Участник
Сообщений: 15
Регистрация: 15.6.2006

Репутация: нет
Всего: нет

дорогие друзья, помогите мне решить эту проблему.
во вложенном файле находится блок DIV, а в нем слово "контент". это слово находится в центре по горизонтали.
ВНИМАНИЕ ВОПРОС ???

КАК ЗАСТАВИТЬ ЭТО СЛОВО РАСПОЛОГАТЬСЯ В ЦЕНТРЕ ПО ВЕРТИКАЛИ ???

код наподобии этого : DIV.center { vertical-align: center; } не работает (почему-то ???)

ПОЖАЛУЙСТА ПОМОГИТЕ!!!

Присоединённый файл ( Кол-во скачиваний: 11 )

____________.htm 0,33 Kb

EDuard

Дата 16.6.2006, 00:36 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 331
Регистрация: 1.8.2005
Где: Синее нигде

Репутация: 5
Всего: 7

webtailor,

Код


vertical-align: middle;

--------------------

webtailor

Дата 16.6.2006, 07:41 (ссылка)

(нет голосов)

Загрузка ...

Новичок

Профиль
Группа: Участник
Сообщений: 15
Регистрация: 15.6.2006

Репутация: нет
Всего: нет

не знаю как у вас, а у меня этот код не работает !!!

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

wil

Дата 16.6.2006, 09:48 (ссылка)

(нет голосов)

Загрузка ...

Шустрый

Профиль
Группа: Участник
Сообщений: 125
Регистрация: 28.3.2006

Репутация: нет
Всего: 4

http://cssing.org.ua/2005/07/14/vertical-align-middle/

EDuard, vertical-align: middle; - не работает в IE

Это сообщение отредактировал(а) wil - 16.6.2006, 09:50

--------------------

Illuminaty

Дата 16.6.2006, 10:13 (ссылка)

(нет голосов)

Загрузка ...

/*Антон Захаров*/

Профиль
Группа: Комодератор
Сообщений: 1238
Регистрация: 19.3.2005
Где: Россия, Казань

Репутация: 25
Всего: 56

Код

<!DOCTYPE html 
     PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
     "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
</head>

<body><div id="Layer9" style="position: absolute; left:150px; top: 100px; width: 696px; height: 400px; display:table-cell;
 background: #E9DDB6;text-align:center;"><div style="position:relative; top:50%; ">КОНТЕНТ</div></div>
</body>
</html>

Пора бы всем уже мануалы перечитать, что ли. В них черным по белому написано, что для 'vertical-align'

Цитата

Область применения: строковые и 'table-cell' элементы

webtailor

Дата 16.6.2006, 10:53 (ссылка)

(нет голосов)

Загрузка ...

Новичок

Профиль
Группа: Участник
Сообщений: 15
Регистрация: 15.6.2006

Репутация: нет
Всего: нет

ВСЕМ СПАСИБО ЗА СОВЕТЫ.

ВЫВОД: ВСЁ ГОРАЗДО СЛОЖНЕЕ, ЧЕМ Я ДУМАЛ. НУЖНО ЧУТОК ПОСИДЕТЬ ЗА КНИГАМИ ЧТОБЫ ПОНЯТЬ!

0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| Вёрстка веб-сайтов \| Следующая тема »