CSS Forum

**kreoton** · 11-23-2006, 05:54 AM

Hi, i have one problem and don't know how to slove it

i have a div with text link, i whant that link would be shown in div's bottom, any sugestions?

HTML Code:

<div style="height:100%; color:#1268B3; display:table-cell;vertical-align:text-bottom;bottom:0px;"><a href="http://www.kreoton.net" style="margin-bottom:0;">kreoton.net</a></div>

**ADAM Web Design** · 11-23-2006, 12:59 PM

Something like this always works (BUT BE CAREFUL WITH ABSOLUTE POSITIONING:)

Code:

<div id="container" style="position:  relative;">
Stuff in here...leave some space for the link at the bottom.
<div style="position:  absolute;  bottom:  0;">Your link</div>
</div>

**metho** · 11-24-2006, 05:32 PM

text-align: bottom; is a rule that applies to text rendering inline with images. Don't confuse this with <td align="bottom"> </td>.

Try a table or position "container" absolutely and without position co-ordinates, then the 'Your Link' div relative with bottom and right co-ordinates.

Play with it; shouldn't take too long.

**kIDJOE** · 11-29-2006, 08:59 PM

vertical-align:bottom for your container or push down with padding...

**kreoton** · 12-04-2006, 10:41 AM

thanks for replies, but i sloved probmlem in my way