Hello,
you could use absolute positioning of the inner divs and set their
bottom value to 0.
Regards,
Christian Kirchhoff
*Directmedia Publishing GmbH* · Möckernstraße 68 · 10965 Berlin
www.digitale-bibliothek.de
AG Berlin-Charlottenburg · HR B 58002 · USt.Id. DE173211737
Geschäftsführer: Ralf Szymanski
Xpol Wan schrieb:
> Hi all,
>
> I'm new here, and I'm a newbie to css.
> I have a question about how to control div vertical-aligned to bottom.
>
> html:
>
> <div id="container">
> <div id="d1"> some contents here </div>
> <div id="d2"> some contents here </div>
> <div id="d3"> some contents here </div>
> </div>
>
> css:
>
> #d1 {float:left;}
> #d2 {float:left;}
> #d3 {float:right;}
>
> My question is if d1, d2, d3 have different height, they will
> vertical-aligned at the top.
>
> +-------+ +-------+ +-------+
> | d1 | | d2 | | d3 |
> | | | | +-------+
> | | +-------+
> +-------+
>
> but how can I make it aligned like this.
>
> +-------+
> | d1 | +-------+
> | | | d2 | +-------+
> | | | | | d3 |
> +-------+ +-------+ +-------+
>
> The attached div-question.GIF is a screen-shot to my question if you mail
> client don't support html format.
>
> Thanks in advance!
>
>
> Best Regards!
>
> Xpol Wan
>
> ------------------------------------------------------------------------
>
> ______________________________________________________________________
> css-discuss [EMAIL PROTECTED]
> http://www.css-discuss.org/mailman/listinfo/css-d
> List wiki/FAQ -- http://css-discuss.incutio.com/
> List policies -- http://css-discuss.org/policies.html
> Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
