[CSS] position: relative zonder ruimte reservering

[Fles]

Is het mogelijk om een relative positie op te geven van een element, zonder dat er ruimte wordt gereserveerd in de opmaak, zoals bij een absolute positionering?

Ik wil namelijk een element over de rest van de inhoud laten vallen, maar bij relative reserveert hij ruimte voor het element.

Absolute positionering is niet mogelijk, omdat ik het in combinatie met een right float gebruik en het element dan niet rechts tegen de kantlijn aan komt, maar er overheen gaat.

Mocht dit verhaal niet duidelijk zijn, dan hoor ik het graag.

[update]
Ik heb direct maar even wat afbeeldingen gemaakt.

Absolute positionering:


Relative positionering:


Gewenst:


De code die ik hierbij gebruik:

HTML:

<div class='right'><img class='positionering'></div>

Cascading Stylesheet:

div.right {
float: right;
}

img.positionering {
position: <relative of absolute>
z-index: 1;
}

[/update]

[ Voor 33% gewijzigd door Fles op 22-10-2006 13:34 ]

[crisp]

Dit kan toch prima met absolute positionering hoor, dus je doet ws iets fout.
Hoe ziet je markup er uit?

[Fles]

crisp schreef op zondag 22 oktober 2006 @ 13:31:
Dit kan toch prima met absolute positionering hoor, dus je doet ws iets fout.
Hoe ziet je markup er uit?

Zie de update boven, was net bezig met duidelijkere uitleg

Hier moet ik nog even aan toevoegen, dat ik de positie niet weet, ik kan dus geen coordinaten invullen.

[ Voor 17% gewijzigd door Fles op 22-10-2006 13:37 ]

[crisp]

Cascading Stylesheet:

div.right {
position:relative;
float: right;
}

img.positionering {
position: absolute;
top: 0px;
right: 0px;
z-index: 1;
}

zou toch moeten werken?

[Fles]

crisp schreef op zondag 22 oktober 2006 @ 13:40:

Cascading Stylesheet:

div.right {
position:relative;
float: right;
}

img.positionering {
position: absolute;
top: 0px;
right: 0px;
z-index: 1;
}

zou toch moeten werken?

Natuurlijk dat is het!

Ik ben echt een fan van jou, ik lees je bijdrage hier vaak en wat voor oplossingen jij biedt, briljant