Sticky footer probleem

[Jarno]

Ik ben bezig met een website met een sticky footer, echter zie ik denk ik iets over het hoofd, heb al enkele oplossingen gegooled, maar ik krijg het niet werkend. De footer komt niet helemaal onderaan, er komt een wit vlak onder.

HTML:

code:

<!-- Header Wrap Ends -->
<!-- Footer Starts -->
    <div id="footer-wrap">
    <!-- Footer Starts -->
        <div id="footer">
            <p class="floatleft">&copy; 2011 Test. Alle rechten voorbehouden</p>
        </div>
    <!-- Footer Ends -->
    </div>
<!-- Footer Ends -->

CSS:

code:

*{
    margin:0;
    padding:0;
}

#site {
    min-height:100%;
}

#footer-wrap{
    background:#030303;
    width:100%;
}
    #footer{
        width:940px;
        margin:0 auto;
        height:43px;
        line-height:43px;
        overflow:hidden;
        font-size:11px;
}
    #footer, #footer a{
        color:#dedede;
        font-weight:normal;
}
        #footer a:hover{
            color:#fff;
}

/* Header Styles Starts */

#header-wrap{
    width:960px;
    margin:0 auto;
}
    #header{
        height:87px;
        overflow:hidden;
        padding:0 3px;
}

[ Voor 3% gewijzigd door Jarno op 16-08-2011 21:55 ]

[C0rnelis]

Lees deze blog eens, ik denk dat je hiermee wel uit de voeten kunt.

[MueR]

Je hebt tussen de 1.2 miljoen resultaten op [google=css sticky footer] niets kunnen vinden wat werkt? Dat lijkt me wel heel erg stug. Ik kan me niet voorstellen dat voorbeelden die voor iedereen werken voor jou niet werken, tenzij je ze incompleet overneemt of gaat vermeubelen zonder de benodigde kennis. Waarschijnlijk werk je zonder debug tools als Firebug, Opera DragonFly of zelfs IE developer tools. Met dergelijke tools zou je namelijk direct zien wat er aan de hand is.

Ik zet een slotje op dit topic, want het lijkt mij te veel op een Kan iemand even ... ?. Zie ook onze Quickstart.