- Joined
- Jul 3, 2009
- Messages
- 1
- Reaction score
- 0
Hi there,
I know that question sounds old, but I'm using a 'workaround' that has worked many times before and suddenly it doesn't anymore.
I have an overlay DIV to cover all the page (height 100%) and it works fine on every browser I've tried, except on the da** IE6.
Any ideas? Thanks for your help,
Emerson
Here is the entire code:
I know that question sounds old, but I'm using a 'workaround' that has worked many times before and suddenly it doesn't anymore.
I have an overlay DIV to cover all the page (height 100%) and it works fine on every browser I've tried, except on the da** IE6.
Any ideas? Thanks for your help,
Emerson
Here is the entire code:
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" ...>
<html xmlns=".../1999/xhtml">
<head>
<style type="text/css">
*
{
border:0;
outline:none;
}
body
{
background-color:#999999;
}
/* IE6 Hack */
* html body
{
height:100%;
}
*, body
{
margin:0;
padding:0;
}
.outerContainer
{
width:100%;
min-height:100%;
position:absolute;
display:block;
}
/* IE6 Hack */
* html .outerContainer
{
height:100%;
}
.mainDiv
{
width:1000px;
height:1000px;
margin:0 auto 0 auto;
display:block;
background-color:#C0C0C0;
}
.lockerContainer
{
width:100%;
height:100%;
position:absolute;
top:0px;
left:0px;
background-color:transparent;
background-color:#000000;
opacity:.6;
filter:alpha(opacity=60);
z-index:20;
}
</style>
</head>
<body>
<div class="outerContainer">
<div class="mainDiv"></div>
<div class="lockerContainer"></div>
</div>
</body>
</html>