VPF::Выравнивание Div блоков - Форум программистов

Burka

Дата 15.9.2009, 20:27 (ссылка)

(голосов:1)

Загрузка ...

Опытный

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

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

Подскажите как привязать див блок к низу страницы?
Я смог привязать только к верхушке

Код


.topdiv 
{
position: absolute;
width: 100%;
height: 3%;
background-color:#C0B7C0;
top: 0;
left: 0;
}

Как по аналогии внизу это прилипить?) Ну и если не затруднит как можно блок выровнить по центру страницы. Без таблиц я все не соображу как можно это сделать

Это сообщение отредактировал(а) Burka - 15.9.2009, 20:27

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

Великие умы обсуждают идеи; средние умы обсуждают события; мелкие умы обсуждают людей.

Violator

Дата 15.9.2009, 21:18 (ссылка)

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

Загрузка ...

Бывалый

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

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

Код


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
  <style>
  * { margin: 0; padding: 0; }
  body { text-align: center; }
  .botdiv { position: absolute; width: 100%; height: 3%; background-color:#C0B7C0; bottom: 0; left: 0; }
  .center { width: 500px; background: red;  margin: 0 auto; }
  </style>
</head> 
<body>
  <div class="center">
    center
  </div>
  <div class="botdiv">
    botdiv
  </div>
</body>
</html>

Burka

Дата 15.9.2009, 21:32 (ссылка)

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

Загрузка ...

Опытный

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

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

Violator, Спасибо, botdiv работает.
А вот по центру не совсем то, у меня отображается в верху таблицы, выравнено по центру только по горизонтали.

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

Великие умы обсуждают идеи; средние умы обсуждают события; мелкие умы обсуждают людей.

Violator

Дата 15.9.2009, 22:07 (ссылка)

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

Загрузка ...

Бывалый

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

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

Burka,
чего-то подумал, что вам именно горизонтальное выравнивание нужно
http://cssing.org.ua/2005/07/14/vertical-align-middle/

Burka

Дата 15.9.2009, 22:24 (ссылка)

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

Загрузка ...

Опытный

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

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

Violator, спасибо, поразбираюсь, думал проще выйдет)

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

Великие умы обсуждают идеи; средние умы обсуждают события; мелкие умы обсуждают людей.

Violator

Дата 15.9.2009, 22:42 (ссылка)

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

Загрузка ...

Бывалый

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

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

Burka,
проще не получится, так как ИЕ не понимает свойств display: table; и display: table-cell;

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