Форум программистов [Powered by Invision Power Board]

Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате

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

Автор: Burka 15.9.2009, 20:27

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

Код


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

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

Автор: Violator 15.9.2009, 21:18

Код


<!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

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

Автор: Violator 15.9.2009, 22:07

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

Автор: Burka 15.9.2009, 22:24

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

Автор: Violator 15.9.2009, 22:42

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