Footer to the bottom

Футер к низу страницы

by agustinmorelle

HTML

<div id="content">
    <h1>Footer to bottom of the page</h1>
    <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam.</p>
       
    <div class="empty"></div>
</div>
<div id="footer">Hola</div>

CSS

html, body {
    height:100%;
}
 #content {
    min-height:100%;
    height:auto !important;
    height:100%;
}

#content .empty {
    height:100px; 
}

#footer {
    position:relative; 
    margin-top:-100px; 
    height:90px;  
    background:#646464; 
    border-top:10px solid #389DC3
}