Liquid lay-out

Deze CSS tut gaat over het maken van een lay-out. We gaan geen volledige lay-out maken, maar een opzet met een header-, een sidebar- en een contentdeel.

De header heeft een vaste hoogte en dezelfde breedte als de viewport (het browservenster). De minimale breedte wordt 700 pixels, zodat de pagina niet in elkaar gedrukt wordt als het venster heel smal is. De sidebar staat aan de linkerkant en heeft een vaste breedte. De hoogte hangt van de inhoud af. De content staat aan de rechterkant en heeft een variabele breedte. Dit type lay-out heet "liquid".

Vooruit met de geit!

« Lees de omschrijving en reacties

Inhoudsopgave

  1. Liquid lay-out
  2. De header
  3. Sidebar en Content
  4. Floating the sidebar
  5. Content
  6. Crossbrowser CSS

PHP tutorial opties

 
 

Om de gebruiksvriendelijkheid van onze website en diensten te optimaliseren maken wij gebruik van cookies. Deze cookies gebruiken wij voor functionaliteiten, analytische gegevens en marketing doeleinden. U vindt meer informatie in onze privacy statement.