Text Alignment on an HTML page.

I have this HTML page I set as my "Homepage", its a small page used as a "splash" page which has a "Enter" link that when clicked takes you to a 4 second "loading page" that will load the forum index page. And I need a code that will "float" or move the text that says "Powered by forumotion.com" to the bottom right-hand side of the page. Right now it is about there using a div align tags to get it to the right side of the screen and I used some <br> breaks tags to push it down. But I don't want to use break tags because of the difference is screen sizes people have and the different browsers people use. I do not want to push the text down too far so it would create a vertical scroll-bar for some screen sizes. So my idea is if I had a code that would push the text down with percentages that would be the answer to the screen size issue, as it would automatically push the text down as far as it can go and not create a scroll-bar. My object here is to have no scroll-bars for this small page and to have that text down as far as it will go without creating a scroll bar.

So I need a code do do this with. If JavaScript is a good answer that would be fine too.

Here's my page so you can take a look at the text I am referring to:

http://runawayhorses.alldiscussion.net/

Hi,

Can I actually get the link to the loading page? Thank you.

I meant to say vertical scrollbar.

Click the "Enter" button and that is the loading page. The issue is not on the loading page.

Try this:

Code:

<div style="position: absolute; bottom: 0px;">Your copyright line or code</div>

It almost worked it went down but its on the left hand side, how do I get it to the right?

Try this:

Code:

<div style="position: absolute; bottom: 0px; text-align:right;">Your copyright line or code</div>

Note: I edited the code, since I made an error to it.

No that didn't work its still on the left.

I know I accidentally, made an error into the code. I have edited the code, in the post above you.

No that didn't do it.

Try this:

Code:

<div style="position:relative; bottom:10px; text-align:center; width: 90%; margin:0 auto; height:30px; border:1px solid black;">
<p>Text goes here</p>
</div>

No that put it in the middle and its not all the way at the bottom.

try this one:?:

Code:

<div style="position:relative; bottom:0px; text-align:right; width: 90%; margin:0 auto; height:30px; border:1px solid black;">
<p>Text goes here</p>
</div>


No, it went to the right but its not going down.

Put a space between : and 0, that may be the problem.

No that didn't do it. The first code you posted was perfect it just needed to go to the right. That was the closest yet.

Sorry for the drag. I'm not an expert, so I was tweaking the code. And I think I got it right

Code:

<div style="position: absolute; bottom: 0px; right: 0px;">TEXT GOES HERE</div>

Yes that totally worked!! Thanks so much Sir Chivas I really appreciate it!

Good job and well done.

Now I don't have to worry about scrollbars for that page, excellent.

thanks again I owe you one..

Your welcome mate. And thank you, for your kind words!