Hallo iedereen,

Ik ben ver gevorderd met een website die ik moet maken, alleen ik ben tegen het volgende CSS probleem aangelopen: het menu aan de linkerkant van de site rekt niet mee met de content.

Op deze pagina is het goed te zien: link verwijderd*, het lichtblauwe gedeelte onder het menu aan de linkerkant moet dus meerekken met de tekst in het grote witte gedeelte.

Graag wil ik jullie vragen hoe ik dit kan oplossen, ikzelf kom er niet meer uit. Aangezien de site online staat verwacht ik geen extra informatie te hoeven geven. Over het algemeen zijn de mensen met verstand CSS ook bekend met Firebug. Indien je wel extra informatie nodig hebt, zeg het even!

Alvast bedankt voor jullie hulp!

*Oplossing is gegeven

Faux columns gewoon een strip maken van 10 pixels hoog van de onderkant van het licht blauw vlak en witte gedeelte inclusief de blauw randen.

En dan maak je om de div's menu en content nog een center div waarin de strip als achtergrond geeft en dat verticaal laat herhalen.

Als je het menu en de content samen in 1 div zet, en dan height: auto; (die div, en ook die van de content). Vervolgens doe je bij het menu height: 100%; . Hierdoor past hij zich automatisch aan, en rekt hij mee met de height van de content.

Als het niet lukt, moet je me even toevoegen op MSN, dan help ik je even: msn [at] elsenaarwebdiensten [pun] nl

Ik heb de oplossing gevonden door middel van Firebug

In de css verander in #menu de height: 100% naar height:529px;

In de html een extra div om de menu en content maken en onderstaande style opties meegeven

background-color: rgb(206, 222, 238);
border-left: 1px solid rgb(0, 53, 94);
overflow: hidden;

Origineel gepost door Raymond Nijland

Ik heb de oplossing gevonden door middel van Firebug

Hartstikke bedankt, het is gelukt!

@Arko: jij ook bedankt voor je reactie.