Re[2]: Как сверстать такую страницу (HEADER + CONTENT + FOOT
От: Аноним  
Дата: 17.02.10 13:37
Оценка:
Здравствуйте, Centaur, Вы писали:

Работает как надо! Спасибо.

Не понимаю почему
{ position: fixed; left: 0px; top: 0px; right: 0px; height: 5em; }
не ужимает все до нуля, а растягивает на все окно


C>
C><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
C><html><head>
C><title>Header+Content+Footer</title>
C><style type="text/css">
C>#header { position: fixed; left: 0px; top: 0px; right: 0px; height: 5em; }
C>#footer { position: fixed; left: 0px; bottom: 0px; right: 0px; height: 2em; }
C>#content { position: fixed; left: 0px; top: 5em; right: 0px; bottom: 2em; overflow: auto; }
C></style>
C></head>
C><body>
C><div id="header"><h1>Hello World!</h1></div>
C><div id="content">
C><p>Lorem ipsum…</p>
C><p>[…]</p>
C></div>
C><div id="footer"><address>© 2010 Example.com</address></div>
C></body></html>
C>
 
Подождите ...
Wait...
Пока на собственное сообщение не было ответов, его можно удалить.