Liquid Lay-out met 3 koloms

De rechter kolom heeft een float right waardoor hij dus uit de page flow beland en op die manier dus rechts boven naast de linker kolom en de middelste kolom kan komen

De middelste kolom

deze kollum heeft geen float en zit dus in de page flow en komt dus direct na de kop die ook nog in d epage flow staat. de middelste kollum weet niets over de linker en rechter kollum aangezien deze niet in de page flow staan door dat die allebij een float hebben.

Kolommen

Doordat de linker en rechter kollum dus bijde een float hebben en de middelste kollum heeft een marge aan de linker- en rechterkant die gelijk is aan de afmeting als de breedte (met eventuele padding!) van de linker- en rechterkollum, zo lijkt de middelste kolom er dus mooi tussen te passen

Liquid

Omdat de breedtes en de linker- en rechterkollom van de middelste kolom in procenten zijn opgegeven word nu bij het vergroten of verkleinen van je webpagina/vensterbreedte ook met de zelfde snelheid verkleint en vergroot.

De linker voet heeft een Clear Both nodig hierdoor blijft de voeter dus onder de boxen met een float. ook heirbij toegevoeg een float left op te zorgen dat de andere voet heirnaast kan verschijnen

De rechter voet heeft alleen een Float Right om te zorgen dat hij niet onder de linker voet komt maar rechts daarvan