CSS - Div vastzetten aan onderkant venster


In andere tutorials zie je hoe een div horizontaal gecentreerd kan worden evenals verticaal. Het is daarnaast natuurlijk ook mogelijk om een div tegen de onderkant van het scherm vast te laten plakken als een soort footer die altijd in beeld blijft staan. De gehele code om dit te bereiken zie je hieronder. De code is van toepassing op de classnaam footer.

.footer {
        position: fixed;
        left:0px;
        bottom: 0px;
        width: 100%;
        height: 100px;
        background-color:#FF0000;
}


Met de bovenstaande code ziet het er als volgt uit in de Demo.