I need a footer in the bottom of a page, which is overlaps any content that will make the page scroll. Also, when scrolling down, it the footer still need to stay there.
Is this possible with css only working for IE6+ ?
A:
http://www.w3schools.com/Css/css_positioning.asp
try to found that out maybe there is what you looking for
x4tje
2009-05-19 11:17:49
something with the z-index will work
x4tje
2009-05-19 11:22:50
A:
EDIT : because IE6 doesn't support position:fixed;, here's a good workaround.
Moayad Mardini
2009-05-19 11:21:44
+1
A:
Do a quick google search for CSS footer, and you'll find plenty solutions. But most solutions seem to work like this:
<body>
<div id="wrapper">
Main content
</div>
<div id="footer">
Footer content
</div>
</body>
and then applying css:
body, html { height: 100% }
#wrapper { height: 100% }
#footer {
height: 150px;
margin-top: -150px;
}
peirix
2009-05-19 11:29:59
+1
A:
Recently I used the following style:
div.BottomDisclaimer
{
z-index:100;
position:fixed;
bottom:0px;
border-top-style: solid;
border-top-width: 1pt;
padding-top: 4px;
}
a programmer
2009-05-19 12:05:25
You can fold the border-top-* declarations into "border-top: 1pt solid". (Also, might you be better off using pixels?)
Paul Fisher
2009-05-19 14:04:52
same goes here as for Moayad's sollution, IE6 doesn't support "position:fixed", so this will only work on IE7+
peirix
2009-05-20 06:30:01
A:
For IE6, it's not possible to use position:fixed. You can use Dean Edwards' IE7 library to get that behavior if you want.
Paul Fisher
2009-05-19 14:55:45