At the bottom of the screen

autopost · Jan 10, 2008

Hi. 
 
I want to put a disclaimer at the bottom of my website and so far I have been using this code 
 
Text 
 
But this doesn't work, so could someone tell me the correct code to put the disclaimer at the bottom of the page? 
 
Thanks.Well it depends how you are laying your page out. If you are using tables then put the text into the bottom table row. 
 
If you aren't then just put the code beneath the rest of your body code. 
 
Maybe you could post some of your code so that we can take a look and help you more specifically.I'm not using tables I'm just using html. 
 
<html> 
<head> 
<title>Disabled Access</title> 
</head> 
<body bgcolor="white" link="black" vlink="black" alink="black"> 
<img src=http://www.htmlforums.com/archive/index.php/"Images/banner.jpg" alt="banner" /> 
<a href=http://www.htmlforums.com/archive/index.php/"stores/stores.html"><img src="Images/stores.jpg" alt="Link to Stores"/></a><a href="cinemas/cinemas.html"><img src="Images/cinemas.jpg" alt="Link to cinemas"/></a><a href="restaurants/restaurants.html"><img src="Images/restaurants.jpg" alt="Link to restaurants"/></a><a href="coffee shops/coffee shops.html"><img src="Images/coffee shops.jpg" alt="Link to coffee shops"/></a><a href="night life/night life.html"><img src="Images/night life.jpg" alt="Link to night life"/></a><a href="chemists/chemists.html"><img src="Images/chemists.jpg" alt="Link to chemists"/></a><a href="index.html"><img src="Images/home.jpg" alt="Return to home page"/></a> 
Date:25 Oct 2003 
Site layout complete, contents are coming, more updates soon. 
 
Text 
</body>Well align="bottom" is not a valid attribute for the tag. You can only use left, right, center or justify. 
 
What exactly do you mean when you say it is not working? You have no other body code below it so it should appear at the bottom. 
 
Sorry if I am not understanding you problem correctly.I didn't think bottom was a valid html attribute. 
 
What I want to know is what code can I used to put it at the bottom of the screen, is it even possible to do that without tables?Ok, I copied and pasted your code into notepad and viewed it as a web page and now I see what you are getting at. When your content is not very long your disclaimer is halfway up the page which doesn't look so good. 
 
I think the best solution is going to be to use tables, something like: 
 
 
<table height="100%" width="100%"> 
<tr> 
<td>Main content stuff goes here</td> 
</tr> 
<tr> 
<td valign="bottom" height="*">Disclaimer Text</td> 
</tr> 
</table> 
 
 
I set the table height to 100% so that it always takes up the whole screen height. The put the disclaimer text in the bottom row and align it to "bottom". I set the row height to * so that it always takes up whatever space is left on the screen.<div style="top: 100%; position: absolute">Text</div> 
 
 
that should work

aren't you missing something like position:absolute; there scoutt

no

I thougth I had it in there at one time.And if it should be visible without scrolling: 
<div style="position: absolute; bottom: 0;">Text</div>where did you get that attribute at?

I typed it...Originally posted by scoutt 
no

I thougth I had it in there at one time. 
 
 
:rofl: 
 
we had a discussion about the right and bottom attributes before didn't we, i don't use them, can't remember which thread now, in cross platform i think.no I mean I didn't know there was an attribute 'bottom'. 
 
interesting I need to implant that into my head. I always froget that one.That works well, but even with Rydberg code it is still aligned right, is there any way to align it left? 
 
Thanks for all the help.it is on the left already.No it's not, it keeps going to the right for some reason. 
 
Is there any way to align it left.if you are using the code above then it will default to the left. there is nothing that is making it go right. I am using your code and it is left on me. 
 
also there is no such tag as , delete those.aha, like the 'right' attribute 'bottom'is supported by ie5+ and nn6. Works in mozilla fine though

As you are only using HTML code (not XHTML code) be sure to remove the trailing / slash from your tags. 
 
That is change <img src=http://www.htmlforums.com/archive/index.php/... alt=... /> to be just <img src=... alt=...> instead.Originally posted by leoo24 
aha, like the 'right' attribute 'bottom'is supported by ie5+ and nn6. Works in mozilla fine though

not really, I had to make it relative and then it went to the bottom (if the page has a scrioll bar) if it doesn't then it works fine. it goes to the bottom if you don't scroll, but if you scroll it stays in the same spot as it first loaded.

I actually haven't found a way to do this cross-browser, so if anybody has another idea. I mean cross browser by teh footer going clear to the bottom if the page is full or not.dang, almost got it!!!!, here try this scoutt 
 
 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> 
 
<html> 
<head> 
<title>Untitled</title> 
</head> 
 
<body style="height:100%;padding:0;margin:0px;"> 
 
<div style="height:95%;width:1px;"></div> 
<div style="height:5%;background:yellow;text-align:center;">footer</div> 
 
</body> 
</html>do it without adding the body to 95% of the height. some pages don't have that much height so it doesn't go that far.sorry, i didn't understand you there scoutt? 
 
 
do you mean not set the body height to 100% 
body {height:100%;that is correct. don't set the body height. also don't set any height to anyhting except the footer. 
 
jsut add a little content and see where the footer goes. 
 
<div style="height:25%;width:1px;"></div> 
<div style="height:5%;background:yellow;text-align:center;">footer</div>yup see what you mean, but i think you've missed what i've done, that div at 95% is a hollow div not meant to have anything, just run down the side of the screen pushing the footer to the bottom, that's why it's 1px wide

On the other hand it may be getting confused, which is easy

actualy I didn't see that. I thought you had somethign in it. I will try thatwell you got me thinking though, i put some stuuf inbetween the divs and it followed that content, so i've changed it a bit: 
 
 
<div style="height:95%;width:1px;float:right;"></div> 
 
whole load or lack of content here 
 
 
<div style="height:5%;background:yellow;text-align:center;float:right;clear:both;width:100%;">footer</div>if you float it right then how is it going to be width 100%? 
 
besides, it doesn't workjust because it's floated doesn't mean it can be 100%. 
I however don't know why i did float it right seeing as i cleared both sides, i've removed that and removed 100% width, it does work for me, both ie and moz, the only problem comes when you minimize the browser window and make it really short the footer scrolls down a bit? 
 
 
<body style="margin:0px;padding:0px;"> 
 
<div style="height:95%;width:1px;float:right;"></div> 
 
whole load or lack of content here 
 
 
<div style="height:25px;background:yellow;text-align:center;clear:both;">footer</div>I did that. I put the first div above the content and it pushed the content down 95% of the page. I put it after the content and it didn't do anything. 
 
I am going to play with it more today too.

At the bottom of the screen

autopost

Guest