Forum Moderators: not2easy
<style type="text/css">
@media screen
{
* html
{
overflow-y: hidden;
width:90%;
z-index:-1000;
}
* html body
{
height: 84%;
overflow:auto;
margin:0px;
z-index:-1001;
}
}
table#header
{
margin-top:-90px !important;
background-color:#FFF;
z-index:1000;
margin-left:0 !important;
}
.fixedelement
{
position:fixed !important;
_position:relative !important;
_top:0px !important;
_z-index:5000;
}
</style>
Html –
<div class="fixedelement"></div>
That page is having the body id = “mainpage”
That makes most of your answer nice and easy you should simply insert the body ID into all the rules (in their place in the tree) this is called "specificity" in other words you are going to make those rules so specific they will only apply to pages with that ID in them.
* html body#mainpage
#mainpage table#header
#mainpage .fixedelement
You have however a rule for the <html> element,
* htmlso if it's important to target that rule, is it possible you can put pages unique ID's onto the <html> element instead - or if there are wrapper divs already in place move everything down a level in the code?
