Toon posts:

[CSS] Wrapper div groeit mee met binnen liggende div

Pagina: 1
Acties:

Verwijderd

Topicstarter
Momenteel ben ik bezig met het ontwikkelen van een site doormiddel van DIV's...
Om de site gebruiksvriendelijk te houden gebruik ik EM als eenheid.
Nu wilde ik de opmaak als volgt hebben: een wrapper Div die andere div's omsluit, waarbij de
wrapper div zijn eigen lengte aanpast aan dat van de binnenliggende div's

Om het wat duidelijker te maken, heb ik hier een afbeelding met het probleem.
Het is nu situatie 1 en het moet 2 worden.

Afbeeldingslocatie: http://stud.gmt.hro.nl/0752291/divprobleem.JPG

Overigens kom ik er net achter dat de rode div weg gelaten kan worden, deze bestaat
niet in mijn ontwerp.

code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
body {
    margin-top: 0em;
    margin-left: 17.5em;
}

div.wrapper {
    width: 44em;
    clear: both;
}

div.inside {
    min-height: 7.4em;  
    padding-top: 1.2em;
    clear: both;
}


Ik heb al geprobeerd min-height in te stellen, maar dit had nog geen resultaat.
Kan iemand mij op weg helpen,

Alvast bedankt

[ Voor 13% gewijzigd door Verwijderd op 26-05-2006 13:04 ]


  • DamadmOO
  • Registratie: Maart 2005
  • Laatst online: 18-02 15:25
Misschien handig als je ook de relevante code erbij post.
Op dit moment kunnen we wel allemaal mogelijke manieren geven om het op te lossen maar het is beter als jij gewoon je relevante code post waardoor je ook aangeef dat je ermee bezig bent geweest.

Het lijkt haast alsof je iets verkeerd doet met absoluute positionering.

  • BtM909
  • Registratie: Juni 2000
  • Niet online

BtM909

Watch out Guys...

Kijk ook even naar clear opties als je floating gebruikt ;)

Ace of Base vs Charli XCX - All That She Boom Claps (RMT) | Clean Bandit vs Galantis - I'd Rather Be You (RMT)
You've moved up on my notch-list. You have 1 notch
I have a black belt in Kung Flu.


Verwijderd

Topicstarter
Ik heb zelf al een 'oplossing gevonden' door een   toe te voegen aan de wrapper div. En deze op het einde net voor het sluiten van de div te plaatsen..

  • Boelie-Boelie
  • Registratie: November 2004
  • Laatst online: 26-09-2020
BtM909 bedoelt dat de oplossing te vinden is door je floats te clearen, zie bijv. Quirksmode: clearing floats. Je hebt daarvoor geen extra markup nodig zoals je nu (14.08) hebt gedaan.

Cogito ergo dubito


Verwijderd

Topicstarter
Werkt perfect inderdaad, bedankt allen voor de tips !
Pagina: 1