>> If I have a container div that is 400px high and I place another div
>> inside it that is only 200px high and want the next one to sit at the
>> bottom of its parent container, what css property should I use? I tried
>> vertical-alignment:bottom, and vertica;-alignment:baseline in the parent
>> container, but I can't get that child div to sit at the bottom.
I would apply "position:relative" to the container and
"position:absolute" to the inner div, enabling me to then position it
"bottom:0". Something like this:
.outer {
height:400px;
position:relative;
}
.inner {
height:200px;
position:absolute;
bottom:0;
}
Regards,
Vladislav Vladimirov
http://www.ovalpixels.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/
