Новости
Видео
Microsoft
Windows 10
Железо
Программы
Форум
Имя пользователя:
Пароль:
 

Название темы: Как прижать footer-image ( верстка <DIV> XHTML/CSS ) ?
Показать сообщение отдельно

Аватара для Artem-Samsung

Ветеран


Сообщения: 823
Благодарности: 53

Профиль | Сайт | Отправить PM | Цитировать

Код: Выделить весь код
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<Head>
  <Title>Test</Title>
  <Style>
    html, body {
      height:100%; margin:0;
    }
 
    html>body {
      min-height:100%;
      height:auto;
    }
 
    body {
      position:relative;
    }
 
    #footer {
      position:absolute;
      bottom:0; width:100%;
    }
 
    #main {
      padding-bottom:50px;
    }
 
    #header,
    #footer {
      color:white; background:green;
      height:50px;
    }
  </Style>
<Body>
<div id="header">Header</div>
  <div id="main">
  <p>Content</p>
  <p>Content</p>
  <p>Content</p>
  <p>Content</p>
  <p>Content</p>
  <p>Content</p>
  <p>Content</p>
  <p>Content</p>
  </div>
<div id="footer">Footer</div>

-------
Мой блог Web Development

Это сообщение посчитали полезным следующие участники:

Отправлено: 11:35, 04-11-2008 | #4

Название темы: Как прижать footer-image ( верстка <DIV> XHTML/CSS ) ?