IE margin problem.
Posted: Thu Feb 08, 2007 2:23 pm
I have this div that's has style properties to:
Works with Firefox and Opera but doesn't work in... You probably guessed... IE...
In IE there's a space on the right side of this div as if the "width: 100%;" didn't do the trick. I know it's because I have margins on both left and right sides of my page that together would equal the amount of pixels this space is.
So basically I need to figure out how to step around this margin problem with IE. I guess elements in IE that have position set to absolute doesn't allow it to ignore the body's margins, like Firefox and Opera do.
Thanks for readin', I appreciate any help on this.
EDIT: Okay, to be more straight forward, how do I make a div that covers the whole screen, including vertical scrolling???
Code: Select all
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
background-color: black;
opacity: .25;
moz-opacity: .25;
filter: alpha(opacity=25);
In IE there's a space on the right side of this div as if the "width: 100%;" didn't do the trick. I know it's because I have margins on both left and right sides of my page that together would equal the amount of pixels this space is.
So basically I need to figure out how to step around this margin problem with IE. I guess elements in IE that have position set to absolute doesn't allow it to ignore the body's margins, like Firefox and Opera do.
Thanks for readin', I appreciate any help on this.
EDIT: Okay, to be more straight forward, how do I make a div that covers the whole screen, including vertical scrolling???