Layout omschrijving:

Ik ben op zoek naar hulp om een simple css stramien voor een website te maken dat het volgende doet:

- de website is 980px breed en in het midden gecentreerd.

- in feit drie horizontale lagen: header,content,footer

- header heeft geen fixed height

- content div moet worden opgedeeld in 3 columns
-- menu (width 200)
-- inhoud (width 550)
-- ads ( width 230)

Qua code wil ik dat content het eerst wordt gelezen / vooraan staat, dan menu en dan ads ( dit wijkt dus af van zichtbare volgorde)!

de inhoud van de drie column zijn afhankelijk van de inhoud en de columns moeten dus schalen in de lengte waarbij de "hoogste" columns de hoogte van het content div bepaald.

onderaan sluit de footer div netjes aan onder de content div ongeacht de inhoud / hoogte van content.


Na 1,5 uur geef ik het op.... Help!

Eerst een container div met: width: 980px; margin: 0 auto;
Daarna in header div met width: 980px; /* mag je ook weglaten */
Daarna 3 div's met floatje left met aangegeven breedtes (inhoud, menu, ads).
Dan doe je inhoud position: relative; left: 200px;
En menu postion: relative; left: -550px;
Daarna een div met clear both;
Daaronder een footer met zelfde als header.

Even uit de losse pols, dus kan een klein foutje inzitten.

http://www.intensivstation.ch/en/templates/
gemakkelijk aan te passen, volgens mij?

Thanks voor de tips; ben er nog niet maar ....