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)

[CSS] <div> maximaal uitvullen in de hoogte

Anoniem
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.