het zoveelste footer probleem

[Verwijderd]

ik heb problemen met mijn CCS footer (in mijn CSS heet ie siteinfo)
Als ik

Cascading Stylesheet:

position:absolute; 
bottom:0;

Blijft mijn footer langs onder staan en scrollt hij niet mee. Zonder de code staat hij gewoon onder de content.
Dit dacht ik op te lossen door de min height tag maar dat levert niet veel op.
mss weten jullie raad.
www.dereizigers.be

[ Voor 88% gewijzigd door Verwijderd op 28-08-2006 23:12 ]

[Onbekend]

Wat wil je dan precies bereiken ?

[MBV]

welk stukje van je CSS gaat het om? Geef eens een proof of concept, met de minimale code die fout gaat. Dit is echt veel te lang. En je probleem is ook niet echt duidelijk. Als ik naar je pagina kijk heb je voor het probleemoplossen niet meer nodig dan je header (leeg), menu (ook leeg), content (geen bijzondere opmaak, wat loze tekst) en de footer. Scheelt 2 pagina's CSS

[Verwijderd]

www.dereizigers.be
Ik zou willen dat mijn footer altijd onder mijn content staat. En als mijn content te klein is, dat hij dan onderaan de pagina staat.

Met de huidige code staat de footer altijd onder de content.

Cascading Stylesheet:

html, body{
    font-family: Arial,sans-serif;
    color: #333333;
    line-height: 1.166; 
    margin: 0px;
    padding: 0px;
    min-height: 100%;
    height: 100%;
}
#masthead{
    margin: 0;
    padding: 10px 0px;
    border-bottom: 1px solid #cccccc;
    width: 100%;
}

#navBar{
    margin: 0 5px 0 10px;
    padding: 0px;
    background-color: #eeeeee;
    border-right: 1px solid #ccc;
    border-left: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    width: 110px;
    float:left;
}

#content{
 float:left;
    width: 75%;
    margin: 0;
    padding: 0 3% 0 0;
    min-height: 100%
    height:auto;

}
#siteInfo{
    clear: both;
    border: 1px solid #cccccc;
    font-size: 75%;
    color: #cccccc;
    padding: 10px 10px 10px 10px;
    margin-top: 0px;
    bottom: 0;
}

Wat doe ik verkeerd?

[ Voor 78% gewijzigd door Verwijderd op 28-08-2006 23:21 ]

[Boelie-Boelie]

Al eens gezocht op dit forum of op Google? Footerproblemen komen geregeld langs...

Anywayz, volgens mij zoek je FooterStickAlt? (Ook al vaker langsgekomen.)

[Onbekend]

Voor de gehele pagina zet je dit neer:

{
position: relative;
min-height: 100%;
}

En je footer bevat dit:

{
position: absolute;
bottom: 0px;
}

De min-height: voor de gehele pagina is erg belangrijk.

[Verwijderd]

Check deze link maar eens, daar staan een aantal manieren. Een werkend probeerseltje vind je hier (klik op menu items voor verschillende content lengtes) op basis van de sitepoint manier. Dit werkt in alle browsers.

[Verwijderd]

eens beter bekeken:
En gevonden mede dankzij deze site, http://www.themaninblue.com/writing/perspective/2005/08/29/
aangepast

Cascading Stylesheet:

#content{
     float:left;
    width: 75%;
    margin: 0;
    padding: 0 3% 0 0;
       min-height: 65%; /* For Modern Browsers <strong>*/ 
        height: auto !important; /*</strong> For Modern Browsers <strong>*/ 
        height: 65%; /*</strong> For IE */
        padding-bottom: 40px;
#siteInfo{
    clear: both;
    border: 1px solid #cccccc;
    font-size: 75%;
    color: #cccccc;
    padding: 10px 10px 10px 10px;
    position: relative; 
    bottom: 0 !important; 
    bottom: -1px; /* For Certain IE widths */