#wrapper heeft een breedte van 80%. Dit maakt deze layout hybride: het is een combinatie van elastic en liquid. De linker- en rechterkolom hebben beide een breedte van 14em en zijn daarmee elastic. De middenkolom heeft geen breedte dus vult de beschikbare breedte die wordt bepaald door #wrapper minus de linker- en rechterkolom.
#kollinks, #kolmidden en #kolrechts staan in #subwrapper.
#subwrapper heeft een border-left en een border-right van dezelfde breedte als #kollinks en #kolrechts.
Alle drie kolommen hebben een float en zweven dus boven #subwrapper. Ze hebben zelf geen achtergrondkleur maar gebruiken die van #subwrapper. Dus ook die van de borders van #subwrapper.
Doordat:
zal altijd de achtergrondkleur van alle drie kolommen meerekken, ongeacht of hier veel of weinig content in staat.
Liquid middenkolom met elastic linker- en rechterkolom
WaalWeb Webdesign | Tips bij Zelfstudiehandboek Websites Ontwikkelen