I would like to put a line "All Rights Reserved..." at the bottom of the page. I tried to use absolute positioning, but this does not work as expected when the window resized to smaller height.
How can I achieve this simple goal ?
+1
A:
There's an excellent sticky footer on ryanfait.com that I've used, and this one looks promising too.
Dominic Rodger
2010-05-11 11:35:15
+2
A:
You might want to put the absolutely aligned div in a relatively aligned container - this way it will still be contained into the container rather than the browser window.
<div style="position: relative;background-color: blue; width: 600px; height: 800px;">
<div style="position: absolute; bottom: 5px; background-color: green">
TEST (C) 2010
</div>
</div>
Konerak
2010-05-11 11:37:59
A:
Try this
<head>
<style type ="text/css" >
.footer {
tex-align:center;
position:fixed;
bottom: 0px;
}
</style>
</head>
<body>
<div class="footer">All Rights Reserved</div>
</body>
Pramodh
2010-05-11 11:52:11