Deze website maakt gebruik van cookies. Waarom? Klik hier voor ons privacy- en cookiebeleid. Door op akkoord te klikken of door gebruik te blijven maken van deze website geeft u aan akkoord te zijn met het gebruik van cookies.

Akkoord

Vraag & Antwoord

Webdesign (HTML, CSS, Flash)

[CSS] <div> maximaal uitvullen in de hoogte

boelieboelie
3 antwoorden
  • Hoi,
    ik probeer een <div> container te maken waarbij de hoogte maximaal gebruik maakt van de resolutie. Ik heb al geprobeerd om 100% in te vullen in de CSS-file, maar dit werkt niet.
    Hoe krijg ik dit toch voor elkaar (liefst in CSS)?

    Bij voorbaat dank.

    [code:1:4da8183a34]div.sitecontainer {
    border: 1px dotted #73BE1E;
    width: 780px;
    height: 600px;
    margin: 0 auto;
    position: relative;
    background: white;
    }[/code:1:4da8183a34]
    Groeten,

    ErX.
  • BRON: http://www.quirksmode.org/css/100percheight.html

    [code:1:e74855362c]
    html,body {
    height: 100%;
    }

    div.sitecontainer {
    height: 100%;
    }[/code:1:e74855362c]

    Dit werkt wel omdat de div 100& aanneemt van het scherm, die je daarom ook even op 100% moet zetten.
  • Hoi,

    bedankt, dit werkt echt prima.

    Maar als ik nu een div-container heb (die prima de hele pagina vult) wil indelen in meerdere div's.
    Bijvoorbeeld een top-div van 75px hoog en de div's daaronder moeten weer maximaal uitvullen naar onder. Hoe moet ik dat dan doen?

    Als ik het in pixels doe, dan is het resolutie afhankelijk en met percentages gaat het ook mis.

    Bij voorbaat dank.

    Groeten,

    ErX.

Beantwoord deze vraag

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