Deze layout

Hier hebben we een 3 kolommen layout met wat men in het Engels...een "fluid layout" noemt. Dit betekent dat de breedte van de webpagina zich aanpast aan de resolutie van het gebruikte scherm. Je zult dus steeds een volledig scherm zien, zonder links of rechts een band met achtergrond.De linker en rechter kolom hebben een vaste breedte. Het midden-stuk past zich aan.Open links in je browser maar even je favorieten-lijst. Dan zul je zien wat ik bedoel.

De kleuren van de linker en rechter kolom zijn geen achtergrond kleuren, maar border kleuren !!

 

Overige layouts

Dit voorbeeld behoort toe aan het overzichts-artikel betreffende Basis CSS Layouts

  1. 3 kolom CSS layout - linker en rechter menu. Dit is de basis layout voor alle onderstaande layouts.
  2. 2 kolom CSS layout - linker en horizontaal menu
  3. 2 kolom CSS layout - rechter en horizontaal menu
  4. 3 kolom CSS layout: 100% hoogte met voet.
  5. 3 kolom layout met fluid layout: 100% breedte

Je kunt deze voorbeelden vrij gebruiken.Hopelijk vind je ze interessant en nuttig