• Inloggen
  • Registreer
  • Zoeken
Dit topic
  • Overal
  • Dit topic
  • Dit forum
  • Artikelen
  • Pagina's
  • Forum
  • Downloads
  • Meer opties

ICTscripters

Dé plek voor IT

Dé plek voor IT

Aanmelden

Geavanceerde opties
  1. Home
  2. Forum
    1. Alle berichten
    2. Recente activiteiten
    3. Onopgeloste topics
  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
  1. Home
  2. Forum
    1. Alle berichten
    2. Recente activiteiten
    3. Onopgeloste topics
  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
  1. Home
  2. Forum
    1. Alle berichten
    2. Recente activiteiten
    3. Onopgeloste topics
  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
  1. Dé plek voor IT - ICTscripters
  2. Forum
  3. Scripting & programmeren
  4. (X)HTML + XML + CSS

Forum

  • nieuwe game

    tigermaffia 2 november 2026 om 15:21
  • Criminolz

    qevanto 31 oktober 2026 om 20:52
  • [Beta] Ottomaan: gratis browserspel met een echte, levende stad. Feedback gezocht!

    frio 27 oktober 2026 om 12:22
  • Port Father: beta van een browsergame in Antwerpen 1931, feedback welkom

    Jeroen.G 26 oktober 2026 om 10:33
  • Maffia Hotel: een browsergame waarin je van lobbygast naar spil van het hotel groeit

    eeyk 22 oktober 2026 om 18:43
  • Crime Club volledig herschreven vanaf nul

    frio 19 oktober 2026 om 23:57
  • Malavita (nieuwe maffia game, van 0)

    jos 19 oktober 2026 om 23:18
  • Herkent deze Notion-structuurscan echte problemen?

    Jeroen.G 19 oktober 2026 om 15:09

Marktplaats

  • [Aanbod] Stadskaart voor je browsergame: van menu naar klikbare stad, vanaf €200

    frio 29 oktober 2026 om 18:17
  • [Verkoop] G4G (Gangsters 4 Gangsters): volledige broncode, nieuw gebouwd in PHP 8.3 | € 30 per domein

    frio 27 oktober 2026 om 18:54
  • [TE KOOP] Malavita.be [Maffiaspel, gebaseerd op omicidio.nl, unieke code]

    Dpm_x 26 oktober 2026 om 00:22

Div rekt niet mee.

  • cakemasher
  • 1 juli 2013 om 15:22
  • cakemasher
    Developer
    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;
    }
    Meer tonen

    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!

  • Gast, wil je besparen op je domeinnamen? (ad)
  • Stefan.J
    Meester
    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>
    Meer tonen

    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
    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!

Registratie

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

Nu registreren Aanmelden

ICT Nieuws

  • PHP waarschuwt voor twee ernstige bugs die makkelijk uit te buiten lijken

    Aaron 22 oktober 2026 om 22:19

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

Gebruikers die dit topic bekijken

  • 1 Gasten
  1. Marktplaats
  2. Design
  3. Voorwaarden
  4. Ons team
  5. Leden
  6. Geschiedenis
  7. Regels
  8. Links
  9. Privacyverklaring
  10. Contact
ICTscripters ©2005 - 2026 , goedkope hosting door DiMoWeb.com, BE0558.915.582
Sponsors: Beste kattenhotel provincie Antwerpen
Style: Nexus by cls-design
Stylename
Nexus
Manufacturer
cls-design
Licence
Commercial styles
Help
Supportforum
Visit cls-design