> 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.
You can try something like this:
http://tjkdesign.com/articles/thumbnail_and_caption/inline-block_-moz-inline-stack_and_zoom.asp
--
Regards,
Thierry | http://www.TJKDesign.com
______________________________________________________________________
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/
