On 2/3/2006 10:30 AM George Cummins wrote:
> I am trying to align a piece of text to the bottom of a div. On the
> example site
>
> http://www.netrarc.com/btfloat/
>
> you will see an h2 "price" tag inside each div. How I can make the h2
> tag stay on the bottom of the div?
This is only semi-tested, but I often do similar things:
#plan1 {
border: 1px solid gray;
width: 200px;
height: 300px;
padding: .5em;
float: left;
margin: 10px;
position: relative; /*provides a positioning context*/
}
#planfooter {
position: absolute; /*new rule*/
bottom: 0; /*puts it on the bottom*/
}
You might want to give your price footers a class as well as an id and
then position the class--it'll save some electrons.
--
Steve Clason
Web Design and Development
Boulder, Colorado, USA
www.topdogstrategy.com
(303)818-8590
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
