This div to hide visibility works fine on IE 7, 8, FF, Chrome and Safari, but why not IE 6?

this div to hide visibility works fine on IE 7, 8, FF, Chrome and Safari, but why not IE 6?

http://www.0011.com/css/test/cover_up/i4.html

I thought IE 6 breaks if it's position: fixed but not absolute?

(in IE 6 the div only has 1 line).

0


a source to share


3 answers


Try this CSS



body,
html {
    width: 100%;
    height: 100%;
}

      

+1


a source


Alex's offer works 99%:

http://www.0011.com/css/test/cover_up/i4b.html

but,



1) the scrollbar appears when the cover div appears

2) why does the absolutely positioned div not have the IE 6 viewport height? I thought the spec says there is no closest ancestor to be "positioned", then the viewport is the containing element. IE 6 is out of specification again?

0


a source


IE6 does not interpret element element height like other browsers, so you cannot use height = 100%. Unfortunately, the only way to solve this problem is to use javascript to determine the width and height of the viewport in pixels, and then set the "min-width" and "min-height" styles to those values.

This link should help you find what you are looking for.

0


a source







All Articles