Op deze website gebruiken we cookies om content en advertenties te personaliseren, om functies voor social media te bieden en om ons websiteverkeer te analyseren. Ook delen we informatie over uw gebruik van onze site met onze partners voor social media, adverteren en analyse. Deze partners kunnen deze gegevens combineren met andere informatie die u aan ze heeft verstrekt of die ze hebben verzameld op basis van uw gebruik van hun services. Meer informatie.

Akkoord

Vraag & Antwoord

Webdesign (HTML, CSS, Flash)

Div verticaal laten 'meegroeien' met hoogte van inhoud.

[m]
7 antwoorden
  • 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.
  • #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.
  • www.alistapart.com/articles/fauxcolumns
  • Die bedoelde ik, dank je
  • 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.
  • 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
  • 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…

Beantwoord deze vraag

Dit is een gearchiveerde pagina. Antwoorden is niet meer mogelijk.