vraagje omtrent css positionering

[spoonman]

Ik heb een probleempje met de volgende fiddle:
http://jsfiddle.net/Davy78/tG85s/2/

Het werkt ongeveer zoals ik wil, maar nu wil ik dat die footer mooi onder de article div komt te staan (er ook rekening mee houdend dat niet iedere article dezelfde hoogte gaat hebben)

Ik zou voor de rest van het document (de footer dus) liefst verder bouwen op de gewone document flow ipv absolute positionering. Ik begrijp waarom dit niet werkt: absoluut gepositioneerde elementen worden verwijderd uit document flow en daarom klapt mijn articleGroup div dus ineens, maar voor dit geval zou het handig zijn als hij niet ineen zou klappen.

Waarom gebruik ik relative/absolute op die articles: zonder die absolute positionering kom ik in de knoei met dat transitie effect

Hoe zouden jullie dit oplossen?

[Naranya]

float: left; op de footer?

[spoonman]

Nope. Dan ligt hij nog altijd onder de articles.

[crisp]

En als je nu alleen .hidden een position:absolute geeft?

[GrtA]

Spelen met de "clear" property op de betreffende elementen? Ik heb wat lopen spelen met je Fiddle maar kwam niet 123 met een oplossing.

Update: de wijze mensen van CSS-discuss vinden dit ook tricky: http://css-discuss.incuti...ning#Absolute_positioning

[ Voor 34% gewijzigd door GrtA op 31-10-2013 17:14 . Reden: linkje met mogelijk handige info toegevoegd ]

[spoonman]

crisp schreef op donderdag 31 oktober 2013 @ 16:37:
En als je nu alleen .hidden een position:absolute geeft?

Dankuwel

http://jsfiddle.net/tG85s/45/