| Issue 403: | IE 6 page displacement | |
| 3 people starred this issue and may be notified of changes. | Back to list |
|
What steps will reproduce the problem? 1. Navigate to www.a400m.com in IE6 2. Click on the right column video, the one with the little thumbnail. 3. Observe how the background page is displaced to the right when the lightbox pops up. What version of the product are you using? On what operating system? nyroModal 1.5.5, IE 6 Please provide any additional information below. This effect is not observed in the nyro homepage, maybe because it is not centered. I suspect that the problem is related with how a400m.com horizontally centers its content.
Jan 5, 2010
#1
vme...@gmail.com
Jan 5, 2010
This problem occurs because nyroModal set the width and the height to something greater than the viewport size. This is done to be sure the background is covering the whole page. I just made some new test and may be found a fix. in nyroModal, on line 679 : Replace width: (body.width()+200)+'px', //130% By width: (body.width())+'px', //130% Please test it and let me know if it's working for you.
Jan 5, 2010
Actually, you could simply remove the lie 679.
Jan 5, 2010
This fix will be included in the next release.
Status:
Accepted
Jan 11, 2010
Yes, that worked... but there's also another problem: the vertical scrollbar. The overflow:hidden makes the scrollbar dissapear... that changes the width... so the body moves a bit to the left. I'm playing with overflow:... to make correct this effect.
Jan 11, 2010
overflow:auto doesn't correct the problem, it respects the vertical bar but also shows the horizontal bar.
Jan 11, 2010
The scroll is intentionally hidden because IE6 doesn't work properly and the overlay will not cover the whole page. Removing the scrollbars allow us to not worry about that. I know about the small move, but I don't know what I can do to fix it. Any idea would be appreciate here.
Jan 14, 2010
I simple removed the +200 on line 678-679 for both width and height and it works for me.
Jan 14, 2010
just a follow up..
give the body height to 100% instead of pixels to make it work with pages that
doesn't occupy the total height in IE6.
} else if (isIE6) {
body.css({
height: '100%', //130%
width: (body.width())+'px', //130%
position: 'static',
overflow: 'hidden'
});
Feb 2, 2010
This did help to fix half of my problem, however, my master div is still getting pushed over. http://deafdogdesign.com/2010/portfolio/index.html And this is the code that I have used to edit it. In comment 9, it wouldn't even pull up the modal. } else if (isIE6) { body.css({ height: (body.height())+'px', //130% width: (body.width())+'px', //130% position: 'static', overflow: 'hidden' });
Feb 15, 2010
nyroModal 1.6.1 is now released and should fix this issue.
Status:
Fixed
Feb 22, 2010
version 1.6.A does not work on ie6 It uses $(window).outerHeight()+'px'; but the outerHeight function is not allowed on window element : http://api.jquery.com/outerHeight/
Feb 23, 2010
@julienguil, it's now fixed in version 1.6.2 Thanks for your report |
||||||||