hoe base ik een lay-out met <div>?

Als je met div's werkt (wat je zou moeten doen als het goed is) komen die, als je verder geen css toepast gewoon onder mekaar te staan.
Relative position is een plaatsing van een element (div) ten opzichte van zijn normale positie.
Position Absolute is een plaatsing ten opzichte van de eerste "parent"van het element.
Float geeft aan dat een element in plaats vban standaard onder mekaar geplaatst te worden links of rechts van het voorgaande ellement moet geplaatst worden.
Float left plaatst dus een element links van het voorgaande.
Hierdoor kun je dus een layout maken die je wil met kolommen en foto's enz..., net als bij een krant of tijdschrift.
Vroeger deed men dit met "table" maar dat is geen goede html meer.
Clear gebruik je dan om als je bijvoorbeeld 3 div's naast elkaar wil de vierde div weer onder de eerste te zetten
Je kan clear both doen dan worden zowel links als rechts uitgelijnde float's weer normaal gezet voor de volgende div.

Kan een heel lang verhaal typen, maar lees dit maar eens