[решено] Таблица: прижать футер к низу страницы

System Failure · Конфигурация компьютера

Попробуй так:

HTML код:

<html>
<head>
<title></title>
</head>
<body>
<table height="100%" width="100%" border="2">
  <tr>
    <td height="100" valign="top">Шапка</td>
  </tr>
  <tr>
    <td>Содержимое</td>
  </tr>
  <tr valign="bottom" height="100">
    <td>Футер</td>
  </tr>
</table>
</body>
</html>

Qwe1 · Конфигурация компьютера

По моему, valign здесь совершенно не при чем...
(Ты сам-то проверял свой код?)

System Failure · Конфигурация компьютера

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

Цитата Qwe1:

если добавить, к примеру, такой заголовок: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" »

а куда ты это дело добавляешь? у меня все аботает...

Qwe1 · Конфигурация компьютера

Добавляю в самое начало html-файла. И ты попробуй! Подробнее об этих заголовках (что это и зачем они нужны) см. на http://www.w3.org.

Sham · Отправлено: **02:08, 19-11-2007** | #6

Цитата Qwe1:

<table height="100%" width="100%" border="2"> »

попробуйте CSS

HTML код:

<table style="width: 100%; height: 100%; border-width: 2px;">

Qwe1 · Конфигурация компьютера

Разобрался. Воспользовался следующем способом: footer прижимается вниз за счет вытягивания блока контента на всю высоту окна браузера и подъема футера вверх через отрицательный отступ для избавления от появляющегося при этом вертикального скролла. В данном случае нужно обязательно указывать высоту подвала.
Фрагмент кода:

HTML код:

<html>
<body>
  <div id="content">
    <div id="text"></div>
  </div>
  <div id="footer"></div>
</body>
</html>

HTML код:

* {
  margin: 0;
  padding: 0;
}
html, body {
  height: 100%;
}
#content {
  position: relative;
  min-height: 100%;
}
* html #content {
  height: 100%;
}
#text {
  padding-bottom: 100px;
}
#footer {
  position: relative;
  height: 80px;
  margin-top: -80px;
}