VPF::Выравнивание внутри div-а - Форум программистов

Romiz

Дата 17.9.2006, 01:53 (ссылка)

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

Загрузка ...

Новичок

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

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

Привет всем!

Я зараннее извиняюсь, если тема уже поднималась( чё-то не нашёл ничего) smile

Я бы не морочил голову ни себе, ни другим - использывал бы таблицы, но заказчик упёрся в чистый css. smile

Проблема в следующем: необходимо внутри div-а выровнять содержимое по вертикали посредине.

Код:

Код


<body>
<div class="head"><img src="images/logo.jpg"></div>
<div class="menu-line"><img src="images/submit.gif"></div>
<div>main content will be here</div>
<div class="footer">Copyright © 2006, Company Name, LLC. All rights reserved.Copyright Information - Privacy Policy</div>
</body>

Код


.head
{
  background-image:url(images/head.jpg);
  background-position:inherit;
  background-repeat:repeat-x;
  text-align:right;
  height: 79px;
  width: 100%;
}

.menu-line
{
  background-image: url(images/menu.jpg);
  background-position: inherit;
  background-repeat: repeat-x;
  height: 37px;
  width: 100%;
  display: table;
  vertical-align: middle;
 }

.footer
{
  background-image: url(images/footer.jpg);
  background-position: inherit;
  background-repeat: repeat-x;
  height: 37px;
  width: 100%;
  vertical-align: middle;
  font-family:Arial, Helvetica, sans-serif;
  font-size:11px;
  text-align:center;
  display: table;
  vertical-align: middle;
}

Замечу:

вместо
display: table;

использовал

display: table-cell;

получал желаемое отображение, но границы div-a обрезались по краю контента, и работало это только в Opera и FireFox, в IE так ничего вообще не произошло smile

Я надеюсь что кто-то уже сталкивался с этим, и сможет мне подсказать что делать.

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

Это сообщение отредактировал(а) Romiz - 17.9.2006, 01:56

Illuminaty

Дата 17.9.2006, 13:58 (ссылка)

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

Загрузка ...

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

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

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

Цитата(Romiz @ 17.9.2006, 02:53

)

чё-то не нашёл ничего

А искал?
Много раз обсуждалось. Пользуйтесь поиском, пожалуйста

Добавлено @ 13:59
Модератор: тема закрыта

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