Aligning a table at bottom of screen

liunx · Jan 9, 2008

Is there a way to make it so that a table is always aligned at the bottom of the screen, no matter how much text is on the screen? I'd like to have my copyright info and links always appear at the bottom of the browser window.Use a frame that contains that information. Divide the page into two frames, one that is displaying the content an another that is always at the bottom of the page displaying the data that you want to be the same for all pages. For example 
 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> 
 
<html> 
<head> 
<title>Untitled</title> 
 
<frameset rows="50%,*"> 
<frame name="top_frame" src=http://www.htmlforums.com/archive/index.php/"whatever.html" marginwidth="10" marginheight="10" scrolling="auto" frameborder="0"> 
<frame name="bottom_frame" src=http://www.htmlforums.com/archive/index.php/"copyrights.html" marginwidth="10" marginheight="10" scrolling="no" frameborder="0"> 
</frameset> 
</head> 
<body> 
</body> 
</html>you might try your table properties at 100% height, and define each of the cell properties heights... top cell to lets say 150 pixels, center cell WITHOUT defined properties (so it will expand to the max) and bottom cell to 150 pixels. 
 
hope it helps! 
chris<pixelmonkey>:monkey:Why don't you show us your page or at least the code so that we can help you out a little better.How about using CSS positional elements? 
For example, in your css style sheet create a class called box: 
 
.box {/*this is a box where the bottom-navigation and the copyright will be placed*/ 
background: #FFFFFF; 
color : #000099; 
font-family : Arial, Tahoma, Verdana, Helvetica, sans-serif; 
font-size: 12px; 
padding : 2px; 
margin-bottom: -2px; 
border: 2px groove #48D1CC; 
} 
 
 
Although I haven't tried this myself, my understanding is that this should place a box with its bottom margin 2 pixels from the bottom of the page. 
 
Just a thought.This one: 
 
<STYLE TYPE="text/css"> 
 
</STYLE> 
 
</HEAD> 
<body bgcolor="#ffffff" text="#b41b32" link="#0000ff" vlink="#800080" alink="#ff0000" Marginwidth=0 marginheight=0 leftmargin=0 topmargin=0 BACKGROUND="#" > 
<div class="box">  ||  ?shippyatdrexel  || </div> 
================= 
Just the code of torrent with this in it: 
position:absolute;Thanks Peter.

make the table height 100% then make the this code for the table data you want at the bottom 
 
 
 
<td valign="bottom"> table data </td>That code won't make the table the way he wants it to appear. He needs a script that will put his copyright info at the bottom of the page no matter what the screen resolution is. Your code will make the table, which contains this information, exactly the same height of the browser. If he has any other information above that table, it will push that table down and the user will be required to scroll down to see the copyright information in that table.I believe from other web design forums that using relative height sizes in the table tag is considered to be poor implementation and is being deprecated. 
 
Can anyone confirm whether this is actually the case or not?The height property for tables is not depreciated. It is non-standard. 
It is not part of the standards even though major browsers have put 
it in anyway. Percentages work most of the time in IE (sort of) but 
not in Netscrap or Opera. 
 
I think what you need will go something like this: 
 
The stuff you want at the bottom has to be in a layer (absolutely 
positioned div for compatibility) like this: 
<div id="thediv" style="position:absolute;top:0;left:0;visibility:hidden"> 
 
The do the body tag this way: 
 
<body onLoad="positionit()"> 
 
This goes in the head: 
 
<script language="JavaScript"> 
 
</script> 
 
I don't have time to play with it, but it should be pretty close. Might 
need some adjustments for margins and such. 
 
Cd&

Aligning a table at bottom of screen

liunx

Guest