[/quote]
Раз уж речь зашла, и тема вполне располагает, приведу конкретный пример на тему "Чем может быть чревато body {height: 100%;}":
Код:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Почему нельзя body {height: 100%;}</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<style type="text/css">
* {margin: 0px; padding: 0px;}
html {height: 100%;}
body {background: #CCFFFF; height: 100%; position: relative;}
#footer {background: #FFCCFF; width: 100%; height: 200px; position: absolute; bottom: 0px;}
p {margin: 6px 10px;}
</style>
</head>
<body>
Основной контент
Основной контент
Основной контент
Основной контент
Основной контент
Основной контент
Основной контент
Основной контент
Основной контент
Основной контент
Основной контент
Основной контент
Основной контент
Основной контент
Основной контент
Основной контент
Основной контент
Основной контент
Основной контент
Основной контент
Основной контент
Основной контент
Основной контент
Основной контент
Основной контент
Основной контент
Основной контент
Основной контент
Основной контент
Основной контент
Основной контент
Основной контент
Основной контент
Основной контент
Основной контент
Основной контент
Основной контент
Основной контент
Основной контент
Основной контент
Основной контент
Основной контент
Основной контент
Основной контент
Основной контент
Основной контент
Основной контент
Основной контент
Основной контент
Основной контент
Основной контент
Основной контент
Основной контент
Основной контент
Основной контент
Основной контент
Основной контент
Основной контент
Основной контент
Основной контент
Основной контент
Основной контент
Основной контент
Основной контент
Основной контент
Основной контент
Основной контент
Основной контент
Основной контент
Основной контент
Основной контент
Основной контент
Основной контент
Основной контент
Основной контент
<div id="footer">
Это – абсолютно спозиционированный футер высотой в 200px.</p>
Если для body задана высота в 100%, данный футер не будет "отъезжать" вниз при наполнении body контентом, который превышает одну полную высоту окна браузера (вертикальный скролл).</p>
Конечно же, это касается только "нормальных" браузеров. IE, в отличие от них, неправильно интерпретирует свойство height. Оно в нем работает как раз так, как min-height в нормальных браузерах.</p>
В связи с вышеизложенным, наиболее правильной на мой взгляд является следующая констукция:</p>
body {min-height: 100%;}</p>
* html body {height: 100%;}</p>
</div>
</body>
</html>