PDA

Click to See Complete Forum and Search --> : putting border at bottom of screen

bigajosep
07-25-2006, 10:51 PM
ok absolute positioning will put a border and footer at the bottom of the screen but what if you only want it to be at the bottom when the content isn't stetching past the bottom of the screen(when you can't scroll down anymore)?
thanks
WebJoel
07-26-2006, 09:13 AM
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<title> New Document </title>
<meta name="Generator" content="" />
<meta name="Author" content="" />
<meta name="Keywords" content="" />
<meta name="Description" content="" />
<style type="text/css">
body, html {margin:0; padding:0; border:0;} /* Re-sets IE to "zero" for these values */
#footer {position:absolute; bottom:0; border:2px solid black; width:410px; height:25px; padding:15px; margin:5px auto 5px 150px;}
</style>
</head>

<body>
<div id="footer">
<p>This footer is positioned at the bottom of the screen and stays there.</p>
</div>
</body>
</html>