chelvis
01-14-2004, 03:29 PM
I posted a question in Javascript forum regarding a javascript but then it happened that I need some .css. The question is some thing I have to display some information at the bottom of the page all the time no matter what resolution the user use. SOme one posted this answer:
<style type="text/css">
#footer {
position: absolute;
bottom: 0;
width: 100%;
}
</style>
Here is my html code:
<html>
<head>
<title>Untitled</title>
</head>
<body>
<table border="0" cellspacing="0" cellpadding="0" width="100%">
<tr><td valign="top"><img src="images/ev2tour.gif" border="0"></td></tr>
<tr><td valign="top" height="4"><img src="images/sp.gif" border="0" height="4"></td></tr>
<tr><td valign="top" colspan="3">
<a CLASS="MBlack">Please </a><a CLASS="BLnk" href="javascript: window.open('tour/tour_databases.html','NewWindow','status=yes,resizable,scrollbars=1,menubar=yes,addressbar=1,width=7 00,height=500');void('');">click here</a> <a CLASS="MBlack"> for a demonstration of tour </a>
</td></tr>
</table>
<!-- Footer -->
<table border="0" height="24" width="99%" cellspacing="0" cellpadding="0">
<tr><td bgcolor="#3173B5" valign="top" height="2" colspan="2"><img src="images/sp.gif" border="0" height="2"></td></tr>
<tr><td bgcolor="#3173B5" align="left" valign="top" height="16" > <a CLASS="SWhite" href="home.html"target="home"><b>Home</b></a> <a CLASS="SWhite">|</a> <a CLASS="SWhite" href="mailto: my@me.com"><b>E-mail</b></a> <a CLASS="SWhite">|</a> <a CLASS="SWhite" href="javascript: window.open('privacy.html','NewWindow','status=yes,resizable,scrollbars=1,width=600,height=450');voi d('');"><b>Privacy Policy</b></a> <a CLASS="SWhite">|</a> <a CLASS="SWhite" <a CLASS="SWhite" href="sitemap.html" target="home"><b>Sitemap</b></a></td><td CLASS="Blubg" align="right" valign="top"><a CLASS="SWhite">Copyright © 2004 </a></td></tr>
<tr><td bgcolor="#3173B5" height="2" colspan="2"><img src="images/sp.gif" border="0" height="2"></td></tr>
</table>
</body>
</html>
I want the Footer section to be at the bottom of the page all the time. How do I do it with positioning?
<style type="text/css">
#footer {
position: absolute;
bottom: 0;
width: 100%;
}
</style>
Here is my html code:
<html>
<head>
<title>Untitled</title>
</head>
<body>
<table border="0" cellspacing="0" cellpadding="0" width="100%">
<tr><td valign="top"><img src="images/ev2tour.gif" border="0"></td></tr>
<tr><td valign="top" height="4"><img src="images/sp.gif" border="0" height="4"></td></tr>
<tr><td valign="top" colspan="3">
<a CLASS="MBlack">Please </a><a CLASS="BLnk" href="javascript: window.open('tour/tour_databases.html','NewWindow','status=yes,resizable,scrollbars=1,menubar=yes,addressbar=1,width=7 00,height=500');void('');">click here</a> <a CLASS="MBlack"> for a demonstration of tour </a>
</td></tr>
</table>
<!-- Footer -->
<table border="0" height="24" width="99%" cellspacing="0" cellpadding="0">
<tr><td bgcolor="#3173B5" valign="top" height="2" colspan="2"><img src="images/sp.gif" border="0" height="2"></td></tr>
<tr><td bgcolor="#3173B5" align="left" valign="top" height="16" > <a CLASS="SWhite" href="home.html"target="home"><b>Home</b></a> <a CLASS="SWhite">|</a> <a CLASS="SWhite" href="mailto: my@me.com"><b>E-mail</b></a> <a CLASS="SWhite">|</a> <a CLASS="SWhite" href="javascript: window.open('privacy.html','NewWindow','status=yes,resizable,scrollbars=1,width=600,height=450');voi d('');"><b>Privacy Policy</b></a> <a CLASS="SWhite">|</a> <a CLASS="SWhite" <a CLASS="SWhite" href="sitemap.html" target="home"><b>Sitemap</b></a></td><td CLASS="Blubg" align="right" valign="top"><a CLASS="SWhite">Copyright © 2004 </a></td></tr>
<tr><td bgcolor="#3173B5" height="2" colspan="2"><img src="images/sp.gif" border="0" height="2"></td></tr>
</table>
</body>
</html>
I want the Footer section to be at the bottom of the page all the time. How do I do it with positioning?