ansaurus

Question

Answer 1

+1 A:

body, html {
    height:100%;
    margin-bottom:25px;
}

Charlie Somerville 2010-05-07 08:51:03

Nothing seems to work for IE8.

Ashish 2010-05-07 09:10:11

Is it a solution? Lol

Happy 2010-05-07 11:02:14

Answer 2

+1 A:

This may help you http://www.cssstickyfooter.com/

Barry 2010-05-07 08:51:10

Nothing seems to work for IE8.

Ashish 2010-05-07 09:09:13

CSS Sticky Footer does work for IE8http://www.cssstickyfooter.com/images/ie-8-win-xp.png

Barry 2010-05-07 09:20:36

FooterStickAlt, one of the first to describe this, still does the trick: http://www.themaninblue.com/writing/perspective/2005/08/29/.

Alec 2010-05-09 16:52:46

Answer 3

A:

The best method:

html, body { height: 100%; }

.wrapper {
    min-height: 100%;
    _height: 100%; /* hack for IE6 */
    margin-bottom: -100px; /* height of the footer */
}

.wrapper-inner { padding-bottom: 100px; }

.footer { position: relative; height: 100px; overflow: hidden; }


<body>
<div class="wrapper">
    <div class="wrapper-inner">
        Content
    </div>    
</div>
<div class="footer">
    Footer
</div>
</body>

Doctype should be strict or transitional xhtml.

Happy 2010-05-07 10:45:25

ansaurus

tags:

views:

answers:

div at bottom of page.

related questions