[html/css] Float left + bottom

[Verwijderd]

Kun je een element dat gefloat wordt aan de bottom plakken? Ik heb al wat zitten klooien en onderstaande code is het resultaat:

HTML:

<div style="width:500px;height:500px;border:1px solid red">
    <div style="width:50px;height:50px;border:1px solid red;float:right;margin: auto auto 0 auto">
</div>

[Technicality]

position: absolute;
bottom: 0px;

graag gedaan

[Verwijderd]

Ja dat kan opzich, maar het moet wel in de flow blijven. Maar toch bedankt!

[ Voor 17% gewijzigd door Verwijderd op 11-05-2006 18:55 ]

[Rowanov]

Zowieso ga je geen float en postionering op hetzelfde element gebruiken.

Als je de hoogte van de parent weet kan je een topmargin geven waardoor je element naar onderen gaat.

[Verwijderd]

Rowanov schreef op donderdag 11 mei 2006 @ 19:43:
Zowieso ga je geen float en postionering op hetzelfde element gebruiken.

Als je de hoogte van de parent weet kan je een topmargin geven waardoor je element naar onderen gaat.

Nee, die hoogte weet ik niet. Er staat namelijk variabele tekst boven de float. Ik vind het raar dat er niet gewoon iets bestaat als 'float: right-bottom' o.i.d.

[ Voor 3% gewijzigd door Verwijderd op 11-05-2006 20:36 ]

[Verwijderd]

Je zou javascript kunnen gebruiken om dat element onderin te plaatsen.

[Gonadan]

Kan je niet vertical-align gebruiken?

[JHS]

Rowanov schreef op donderdag 11 mei 2006 @ 19:43:
(...) Als je de hoogte van de parent weet kan je een topmargin geven waardoor je element naar onderen gaat.

Waarna er vervolgens aan de bovenkant een gat overblijft waar de tekst omheen float. Ik heb persoonlijk eigenlijk nog nooit een manier gezien om dit fatsoenlijk op te lossen .

edit:

Gonadan schreef op vrijdag 12 mei 2006 @ 11:25:
Kan je niet vertical-align gebruiken?

Volgens mij niet : "This property affects the vertical positioning inside a line box of the boxes generated by an inline-level element."

[ Voor 33% gewijzigd door JHS op 12-05-2006 11:31 ]

[IschaGast]

Misschien is dit iets: http://archivist.incutio.com/viewlist/css-discuss/57221