[CSS] Positioneren binnen DIV

[Verwijderd]

Op http://www.friendlydude.c...422dbca367b39f5a6d5b.html heb ik een simpel html documentje staan met wat style sheets erin. Nu wil ik dat de rode DIV om de groene en de blauwe heen komt te staan (en dus niet halverwege ophoudt). De groene en de blauwe DIV moeten op dezelfde hoogte beginnen (daar heb ik 'position: absolute' voor nodig, anders lukt dat niet), maar dan krijg ik het probleem van de rode DIV die halverwege ophoudt. Ik weet helaas ook niet hoe hoog de rode DIV moet worden, dat is variabel. Ik heb me rot gegoogled, CSS tutorials gelezen en noem het allemaal maar op, maar ik kom er niet uit.

Iemand een geweldige ingeving?

[JeromeB]

<br style="clear: both;" />

wil nog wel eens helpen.

edit:

probeer het trouwens eens zonder position absolute.

[ Voor 47% gewijzigd door JeromeB op 28-03-2004 15:01 ]

[drm]

Stap 1: gebruik geen absolute position voor div C en B
Stap 2: Geef B geen breedte en hoogte, maar een marge aan de rechterkant van 100px
Stap 3: Zet div C (in de source) boven div B
Stap 4: Geef C een float:right en een breedte van 100px;

that should do it.

edit:

En daarna natuurlijk met de padding van A, marge van B en breedte van C spelen totdat je hebt wat je wilt.

[ Voor 19% gewijzigd door drm op 28-03-2004 15:07 ]

[Verwijderd]

Dat was inderdaad de truc drm. Nu nog even kijken waarom het werkt