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/
