I'm using a general fixed footer, but no horizontal bar in IE7 when page stretched.
css
div#footer
{
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 18px;
}
@media screen
{
div#footer
{
position: fixed;
}
}
*html body
{
overflow: hidden;
}
*html div#bodyContainer
{
height: 100%;
overflow: auto;
}
DOM Structure is like
<body>
<div id='bodyContainer'>
// content
</div>
</div id='footer'>
</div>
</body>
But when page stretched , for example, by a big-width table generated by clicking 'Search'. There is no wanted horizontal bar in IE7, but it's ok in FF.
Could anyone help me out? Thanks.