100% overlay width in IE 6

GoogleCodeExporter commented 8 years ago

What steps will reproduce the problem?
1. view the example on your site with IE 6

What is the expected output? 
* The overlay covering the full width of the window
What do you see instead?
* The overlay missing a bit on the right

What version of the product are you using? On what operating system?
IE 6, Win XP

Please provide any additional information below.
IE 6 sets default margins on the body element (10px left & right, 15px top 
& bottom). If those are not set to 0px, then the 100% width of the overlay 
will not cover the full window, but be missing 20px in width (height same 
thing, but you use javascript to set that). Becasue you position it 
left=0, you will get a 20px empty bit on the right.
If you set the margin of you body to 0, it works fine, but that's not a 
good idea to forvce on users. Maybe set the width using javascript instead 
of 100%?

Original issue reported on code.google.com by thijs.vd...@gmail.com on 16 Apr 2008 at 1:00

GoogleCodeExporter commented 8 years ago

This might be as simple as using $(window).width() instead of 100%.  I'll take 
a look
at this.

Original comment by krewenki on 21 May 2008 at 1:34

Changed state: Accepted

GoogleCodeExporter commented 8 years ago

I switched 100% to $(window).width, and sure enough, things look to be working. 
 I'll introduce it to the trunk, 
and you folks can let me know if you have any problems with it.

Original comment by krewenki on 5 Jun 2008 at 12:11

GoogleCodeExporter commented 8 years ago

That don't work for me. I have find this other solution :
Change the CSS like this :

#overlay{position: absolute;}
to
#overlay{position: fixed;}

Original comment by Sirlepape on 6 Apr 2009 at 2:49

GoogleCodeExporter commented 8 years ago

There have been multiple changes made to this project since it's move to 
github, several months ago.  You can 
find the project at http://github.com/krewenki/jquery-lightbox/tree/master .   
Please grab the latest copy from 
github, and if your issue persists, create a new issue there.

Original comment by krewenki on 17 Jun 2009 at 5:03

Changed state: Done

johnreva / jquery-lightbox

100% overlay width in IE 6 #10