Div verticaal laten 'meegroeien' met hoogte van inhoud.

[anoniem]

Ik weet dat het eerder gevraagd is, en heb me de pletter gezocht, maar helaas niet gevonden. Wat is het geval. Ik ben een website aan het maken waarin m'n profielwerkstuk komt te staan. Nu heb ik daar een top, menu, inhoud. Het menu moet 'meegroeien' met de inhoud, zodat er altijd een grijze balk te zien is. online voorbeeld: http://htb.ath.cx/forum/test/index.html Hoe doe ik dat? ps. let niet op de html-code, dat wordt allemaal nog xhtml etc, komt nog.

[anoniem]

#menu { position: absolute; top: 240px; bottom:0px; en voor de #container position:relative; Dit werkt alleen niet in IE, als je het daar werkend in wil hebben, dan moet er anders worden gepield.

[anoniem]

www.alistapart.com/articles/fauxcolumns

[anoniem]

Die bedoelde ik, dank je

[anoniem]

mm, toch niet helemaal. Alle methoden die ALA aangeeft, werken met float. Nu maak ik daar geen gebruik van. Ik gebruik 'postion: absolute' voor het menu, en een linkermarge voor de inhoud. Is er dus een wel een oplossing voor m'n probleem, zonder dat ik het om hoeft te zetten naar float.

[anoniem]

Dat ALA gebruik maakt van float is in dit geval helemaal niet interessant. Het komt er in feite gewoon op neer dat je de kolom maakt dmv een achtergrondplaatje op het parent-element ipv het element zelf. - Bas

[anoniem]

Het enige wat ik zo kan verzinnen, is om width van je menu div vast te zetten, en height op auto te zetten: #menu { width: 130px; heigth: auto; } ... iets dergelijks...

[anoniem]

Je hoeft het niet te faken, ja kan het ook met een relative box in een absolute ofzoiets. [url=http://www.positioniseverything.net/piefecta-rigid.html]Lees het zelf maar[/url].