yourbudweiser
asked on
CSS Fixed Header
I am using the following code to lock the header. This works great except in IE6. How can I modify this so that content scrolls underneath the header in IE6?
<style type="text/css">
body{
margin:0;
padding:85px 0 0 0;
}
div#lockheader{
position:absolute;
top:0;
left:0;
width:100%;
height:50px;
background:#fff;
}
@media screen{
body>div#lockheader{
position: fixed;
}
}
* html body{
overflow:hidden;
}
#lockcontent {
background: #fff url(images/background.gif) repeat-x !important;
}
* html div#lockcontent{
height:100%;
overflow:auto;
}
</style>
ASKER CERTIFIED SOLUTION
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
Added the html? you mean the multiple "words</br>" I used to test the scrolling?
ASKER
yes... you didn't change any of the css that i can see... wonder why that wasn't working on my page.
ASKER
I have since moved on but thanks for you efforts!
ASKER