[CSS] 3-kolommen website

[Jiggle]

Ik heb een probleempje waarvan ik geen idee heb of het makkelijk op te lossen is.

De website die ik moet bouwen bestaat uit drie kolommen, waarvan de linkse en rechtse een vaste breedte hebben. (Menuutjes)
In de middelste kolom staat de content, platte tekst. De bedoeling is dat deze kolom een variabele breedte heeft, dus dat als je de website kleiner maakt de tekst krimpt.
Dat is nog niet zo lastig te maken. Maar de kolommen moeten ook allemaal een gelijke hoogte hebben, afhankelijk van de hoogte van de middelste kolom. Het is een dynamische site dus de hoeveelheid tekst in de middelste kolom is elke keer anders, ik kan dus geen vaste hoogte meegeven.

Is hier een oplossing voor?

[Tux]

Misschien moet je eens zoeken op Faux Columns

http://www.alistapart.com/articles/fauxcolumns/
http://www.gigadesign.be/2006/03/faux-columns-maken/

Op die manier gebruik je een achtergrond om de drie kolommen even groot te laten lijken.

[ Voor 67% gewijzigd door Tux op 17-01-2008 10:15 ]

[f.v.b]

Tux schreef op donderdag 17 januari 2008 @ 10:14:
Misschien moet je eens zoeken op Faux Columns

De meeste voorbeelden die je zult vinden hebben waarschijnlijk geen middenkolom met een variabele breedte.

Dat kun je oplossen door twee 'wrappers' om de drie kolommen te zetten. De achtergrondafbeelding voor de linker kolom zet je dan op de ene wrapper, de die van de rechter kolom op de andere wrapper. Gebruik daarvoor background-repeat en background-attachment:

http://www.w3schools.com/css/css_background.asp

[shades]

check \[css/xhtml] background-color van divs (faux columns) en [css] li:hover wel in ie7 en ff maar ineens (?) niet in ie6. Daarop zijn links te vinden naar wat jij wilt. Vooral http://www.pixy.cz/blogg/clanky/css-3col-layout/ heeft mijn zeer geholpen !

[ Voor 51% gewijzigd door shades op 17-01-2008 21:13 ]