Toon posts:

[html/css] Float left + bottom

Pagina: 1
Acties:

Verwijderd

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

HTML:
1
2
3
<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
  • Registratie: Juni 2004
  • Laatst online: 19-10-2025

Technicality

Vliegt rechtsom...

position: absolute;
bottom: 0px;

graag gedaan :)

Verwijderd

Topicstarter
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
  • Registratie: Februari 2004
  • Niet online

Rowanov

Kop eens wat anders...

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

Topicstarter
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
  • Registratie: Februari 2004
  • Laatst online: 20:37

Gonadan

Admin Beeld & Geluid, Harde Waren
Kan je niet vertical-align gebruiken? :)

Look for the signal in your life, not the noise.

Canon R6 | RF 24-70 f/2.8 L | 50 f/1.8 STM | 430EX II
Sigma 85 f/1.4 Art | 100-400 Contemporary
Zeiss Distagon 21 f/2.8


  • JHS
  • Registratie: Augustus 2003
  • Laatst online: 04-01 15:49

JHS

Splitting the thaum.

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 ]

DM!


  • IschaGast
  • Registratie: Juli 2001
  • Laatst online: 25-11-2025
Pagina: 1