tags:

views:

21

answers:

0

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.