Geen afbeeldingen, geen Javascript enkel pure CSS. Maar wel veel CSS en HTML elementen. Ja het is meestal kiezen of delen, je kan niet alles hebben natuurlijk.

Deze methode is ook bekend als “Sticky Footer” en heeft als doel dat de footer altijd onder aan het scherm “hangt/plakt” ongeacht de inhoud. Dus bij weinig inhoud (geen scrollbars) staat de footer onderaan.

Deze methode werkt door een lege <span> over het parent element te plaatsen en daarin de afbeelding als achtergrondafbeelding te zetten.
Nadeel is natuurlijk de lege <span>.

Internet Explorer 6 heeft met deze eifgenschap een probleem … deze browser kent de eigenschap niet en kan hem dus ook niet toepassen. Vervelende zaak als je de eigenschap eigenlijk nodig hebt.

Naast een download link voor een PDF bestand, komt een icon van het PDF logo, naast een download link voor een MP3 komt het icon van een MP3, etc … Dit werkt niet in Internet Explorer 6