Фиксация подвала при блочной верстке

14Авг/100

Фиксация подвала при блочной верстке

Вопрос частый, и по-разному решаемый. Заметочку оставляю больше для себя, поэтому растекаться мыслью по древу не стану, а сразу перейду к коду.

HTML:

<body>
    <div class="wrapper">
        <div class="header">
            -- header --
        </div>
        <div class="content">
        -- CONTENT! --
        </div>
    </div>
    <div class="footer">
        -- footer --
    </div>
</body>

CSS:

* {
    border:0px;
    margin:0px;
    padding:0px;
}
html {
    height:100%;
}
body {
    color:#000;
    height:100%;
    min-height:100%;
}
.wrapper {
    min-height:100%;
}
.header {
    height:100px;
}
.content {
    padding-bottom:100px;
}
.footer {
    height:80px;
    margin-top:-80px;
}

Вот и все! (:
Проверено на работоспособность в браузерах: Google Chrome 5.0.375, Mozilla Firefox 3.6.8, Opera 10.60, Safari 4.0.5 и Internet Explorer 8.0.7600

2leep