• Login
  • Register
  • Zoek
This Thread
  • Everywhere
  • This Thread
  • This Forum
  • Articles
  • Pages
  • Forum
  • Filebase Entry
  • More Options

ICTscripters

Dé plek voor IT

Dé plek voor IT

Login

Geavanceerde opties
  1. Home
  2. Forum
    1. Alle berichten
    2. Recente activiteiten
  3. ICT Nieuws
  4. Blog
  5. Marktplaats
    1. Werk
    2. Advertenties
    3. Domeinnamen
    4. Websites
    5. Design & lay-outs
    6. Scripts
    7. Overige
  6. Design
  7. Leden
    1. Actieve bezoekers
    2. Team
    3. Leden zoeken
  8. Downloads
  9. Goedkope domeinnamen
  1. Home
  2. Forum
    1. Alle berichten
    2. Recente activiteiten
  3. ICT Nieuws
  4. Blog
  5. Marktplaats
    1. Werk
    2. Advertenties
    3. Domeinnamen
    4. Websites
    5. Design & lay-outs
    6. Scripts
    7. Overige
  6. Design
  7. Leden
    1. Actieve bezoekers
    2. Team
    3. Leden zoeken
  8. Downloads
  9. Goedkope domeinnamen
  1. Home
  2. Forum
    1. Alle berichten
    2. Recente activiteiten
  3. ICT Nieuws
  4. Blog
  5. Marktplaats
    1. Werk
    2. Advertenties
    3. Domeinnamen
    4. Websites
    5. Design & lay-outs
    6. Scripts
    7. Overige
  6. Design
  7. Leden
    1. Actieve bezoekers
    2. Team
    3. Leden zoeken
  8. Downloads
  9. Goedkope domeinnamen
  1. Dé plek voor IT - ICTscripters
  2. Forum
  3. Scripting & programmeren
  4. (X)HTML + XML + CSS

Forum

  • Ictscripters Chat

    Frenzo.Brouwer 9 maart 2026 om 21:31
  • Help testers nodig voor android app Urgent

    Servertjee 20 februari 2026 om 12:07
  • Partner Gezocht om meerdere NFT Collecties op Open Sea te Plaatsen

    Servertjee 20 februari 2026 om 12:06
  • Afspraken systeem met planbeperking

    Jeffrey.Hoekman 20 februari 2026 om 11:52
  • Developer Gezocht

    Servertjee 19 februari 2026 om 17:31
  • Na 15 jaar terug van weggeweest: iCriminals.nl is terug (BETA)!

    Servertjee 18 februari 2026 om 16:57
  • Op zoek naar de legends

    Syntax 5 januari 2026 om 13:50
  • [FREE] WeFact Hosting module

    Jeroen.G 13 oktober 2025 om 14:09

Marktplaats

  • Domeinportfolio uitkuis

    Syntax 19 maart 2026 om 10:18
  • Heel wat sterke domeinen > 2 letters, 3 letters, premiums

    Michael DW 11 maart 2026 om 12:12
  • 367 Nieuwe Domeinnamen Februari 2026

    shiga 1 maart 2026 om 14:50

Div rekt niet mee.

  • cakemasher
  • 1 juli 2013 om 15:22
  • cakemasher
    Developer
    Ontvangen Reacties
    2
    Berichten
    225
    • 1 juli 2013 om 15:22
    • #1

    Community!

    Ik loop op het moment tegen een probleem aan, waarbij ik hoop dat iemand me veder kan helpen.

    Ik heb op het moment een pagina (een control panel) waarbij ik een achtergrond plaatje in de body heb, en een div daarboven op. Deze div staat rechts onderin en vult een groot deel van het scherm.
    De div moest de 'overige' ruimte op het scherm opvullen, en dat heb ik d.m.v. de volgende CSS code gedaan;

    Code
    #content {
    	position: absolute;
    	z-index: 2;
    	height: auto;
    	width: auto;
    	top: 115px;
    	bottom: 0px;
    	right: 0px;
    	left: 300px;
    	background-color:#F8F8F8;
    	box-shadow: -5px -5px 15px black;
    }
    Toon Meer

    Dit werkt mooi en aardig, alleen nu komt het punt dat als de content buiten de div komt, hij niet mee rekt. Dit is opzich ook wel logisch gezien de CSS, maar ik heb echt geen idee hoe ik dit oplos.

    Even een plaatje om mijn punt te verduidelijken;

    Ik kan helaas geen online voorbeeld geven.

    Wie kan mij in de goede richting sturen?

    Alvast bedankt!

  • Stefan.J
    Master
    Ontvangen Reacties
    9
    Berichten
    2.358
    • 1 juli 2013 om 16:24
    • #2

    De mooiste oplossing is denk ik een scrollbar voor de div:

    HTML
    <html>
    <head>
    <title>DIV positionering</title>
    
    
    <style type="text/css">
    #content {
    	position: absolute;
    	z-index: 2;
    	height: auto;
    	width: auto;
    	top: 115px;
    	bottom: 0px;
    	right: 0px;
    	left: 300px;
    	overflow-y: scroll;
    	background-color:#F8F8F8;
    	box-shadow: -5px -5px 15px black;
    }
    </style>
    
    
    </head>
    
    
    <body>
    <div id="content">
    Very long content..
    <br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />ht.<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />.. ends here.
    </div>
    <body>
    </html>
    Toon Meer

    Maar je zou ook de div kunnen laten meerekken door de bottom-propery weg te laten. Echter, de div wordt dan ook kleiner, en niet alleen groter. Zie eventueel min-height.

  • cakemasher
    Developer
    Ontvangen Reacties
    2
    Berichten
    225
    • 1 juli 2013 om 16:31
    • #3

    Bedankt voor je reactie.

    overflow, daar heb ik natuurlijk weer niet aan gedacht.

    Het werkt nu zoals ik wil, bedankt!

Participate now!

Heb je nog geen account? Registreer je nu en word deel van onze community!

Maak een account aan Login

ICT Nieuws

  • Samsung zal miljoenen verdienen aan Apple iPhone Fold dankzij zijn 12GB RAM

    ICTscripters 11 maart 2026 om 22:42
  • Apple heeft zojuist iOS 26.4 Beta 4 vrijgegeven: hier is de verwachte lanceerdatum.

    ICTscripters 11 maart 2026 om 12:01
  • Kritieke kwetsbaarheid in Nginx UI bedreigt gevoelige data

    ICTscripters 10 maart 2026 om 18:29

Blogs

  • Functioneel ontwerp

    Dees 28 december 2014 om 12:38
  • Access Control List implementatie in PHP/MySQL - deel 1/2

    FangorN 28 december 2018 om 12:35
  • Access Control List implementatie in PHP/MySQL - deel 2/2

    FangorN 29 december 2018 om 12:37
  1. Marktplaats
  2. Design
  3. Voorwaarden
  4. Ons team
  5. Leden
  6. Geschiedenis
  7. Regels
  8. Links
  9. Privacy Policy
ICTscripters ©2005 - 2026 , goedkope hosting door DiMoWeb.com, BE0558.915.582
Sponsors: Beste kattenhotel provincie Antwerpen | Beste Zetes eid kaartlezer webshop
Style: Nexus by cls-design
Stylename
Nexus
Manufacturer
cls-design
Licence
Commercial styles
Help
Supportforum
Visit cls-design