[CSS] position absolute of relative, parent moet meesizen

Pagina: 1
Acties:

  • Mephix
  • Registratie: Augustus 2001
  • Laatst online: 25-11-2025
Ik heb een div, met een x aantal child div's. Deze child div's wil ik relatief aan de parent overal neer kunnen zetten, maar de parent div moet als een soort container om de child div's heen blijven staan.

Deze moet dus de width krijgen van de meest rechtse child div en de height van de meest laagste child div.

Als ik position relative gebruik, sized de parent wel mee met de childs, maar als ik een child div naast een andere child div zet, blijft de parent 2 child div's hoog.
Als ik position absolute gebruik, is de link tussen parent en childs helemaal weg en heeft het verplaatsen van de child divs geen enkel effect meer op de afmetingen van de parent.

Wat ik dus zoek is als volgt (child divs kunnen er 1 of meer zijn, met verschillende afmetingen):

Afbeeldingslocatie: http://friends.isliev.nl/divs.gif

Hoe zou ik zoiets voor elkaar kunnen krijgen ?

[ Voor 6% gewijzigd door Mephix op 22-05-2006 16:21 ]


  • Rowanov
  • Registratie: Februari 2004
  • Niet online

Rowanov

Kop eens wat anders...

Mephix schreef op maandag 22 mei 2006 @ 16:20:
Als ik position relative gebruik, sized de parent wel mee met de childs, maar als ik een child div naast een andere child div zet, blijft de parent 2 child div's hoog.
Heb je hier een online voorbeeld van? Ik begrijp niet helemaal waar je op doelt.
Als ik position absolute gebruik, is de link tussen parent en childs helemaal weg en heeft het verplaatsen van de child divs geen enkel effect meer op de afmetingen van de parent.
Dat hoort zo, want je sleurt met position absolute het element uit de flow :)

  • NitroX infinity
  • Registratie: Januari 2002
  • Laatst online: 00:29
Wat is de code van je parent DIV?

Graphene; a material that can do everything, except leave the lab. - Asianometry


Verwijderd

niet positioneren, maar slim gebruik maken van floats en margins zou ik zeggen eigenlijk

voorzet: http://www.rikkertkoppes.com/other/test-page/ (even fx only, maar dat kan je vast wel fixen)

[ Voor 39% gewijzigd door Verwijderd op 22-05-2006 18:52 ]