• 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

  • 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
  • Meerdere mafia game template te koop

    Syntax 16 februari 2026 om 13:34

Hoogte van div automatisch aanpassen

  • Victor
  • 28 juni 2013 om 08:14
  • Victor
    Master
    Ontvangen Reacties
    102
    Berichten
    1.680
    • 28 juni 2013 om 08:14
    • #1

    Beste ICT'ers,

    Ik loop vast op een stukje CSS. Ik heb 2 sidebars en een content vlak. Het content vlak moet meerekken met wat erin staat en moet een min-height van 500px; hebben. Nu heb ik deze code, maar het content vlak plakt helemaal onder tegen de pagina (Zie bijlage). Weet iemand hiervoor een oplossing? Html/CSS:


    Code
    .sidebar {
    
    
    background-color: #EFB76C;
    border: 5px solid #6D573A;
    float: left;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    -khtml-border-radius: 20px;
    border-radius: 20px;
    width: 25%;
    height: 250px;
    padding: 10px;
    margin-left: 10%;
    margin-top: 5%;
    
    
    
    
    }
    
    
    #content {
    
    
    background-color: #EFB76C;
    border: 5px solid #6D573A;
    float: right;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    -khtml-border-radius: 20px;
    border-radius: 20px;
    width: 45%;
    height: 100%;
    min-height: 500px;
    padding: 10px;
    margin-right: 10%;
    margin-top: 5%;
    
    
    }
    Toon Meer


    Code
    <div class="sidebar">
    		Test
    		</div>
    		
    		<div id="content">
    		<div id="text">
    		Test3
    		</div>
    		</div>
    		
    		<div class="sidebar">
    		Test2
    		</div>
    Toon Meer


    Alvast bedankt!

    Images

    • printscreen.png
      • 126,71 kB
      • 1.280 × 676

    Met vriendelijke groet,

    Victor
    Beheerder ICTscripters

  • Guest, wil je besparen op je domeinnamen? (ad)
  • cakemasher
    Developer
    Ontvangen Reacties
    2
    Berichten
    225
    • 28 juni 2013 om 12:30
    • #2

    Mijn kennis in CSS is niet uitmuntent, dus mijn volgende reactie kan fout zijn :P

    Je hebt een DIV (id = content) die je als height waarde 100% mee geeft. Deze 'div' staat voor zo ver ik kan zien aan wat je ons gegeven hebt, in de container <body>. Hierdoor pakt hij waarschijnlijk 100% van de body.
    Voor zo ver ik weet is dit de oorzaak van je probleem.

    Wat je zou kunnen doen is een div aan maken (een container) die je als position relative mee geeft. Met deze div bepaal je de grootte een beetje. Vervolgens geef je de divs erin de position absolute zodat alles mooi binnen de container blijft.

    Laat maar even weten of je er wat mee kan ^^

  • Victor
    Master
    Ontvangen Reacties
    102
    Berichten
    1.680
    • 28 juni 2013 om 12:49
    • #3

    Bedankt, het is zo gelukt :)

    Met vriendelijke groet,

    Victor
    Beheerder ICTscripters

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

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