My favorites | Sign in
Project Home Downloads Issues
READ-ONLY: This project has been archived. For more information see this post.
Search
for
  Advanced search   Search tips   Subscriptions
Issue 403: IE 6 page displacement
3 people starred this issue and may be notified of changes. Back to list
Status:  Fixed
Owner:  ----
Closed:  Feb 2010


 
Reported by vme...@gmail.com, Jan 5, 2010
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
BTW, the doctype is:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

and I have made sure it's first thing in the page.
Jan 5, 2010
Project Member #2 nyro...@gmail.com
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
Project Member #3 nyro...@gmail.com
Actually, you could simply remove the lie 679.
Jan 5, 2010
Project Member #4 nyro...@gmail.com
This fix will be included in the next release.
Status: Accepted
Jan 11, 2010
#5 vme...@gmail.com
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
#6 vme...@gmail.com
overflow:auto doesn't correct the problem, it respects the vertical bar but also
shows the horizontal bar.
Jan 11, 2010
Project Member #7 nyro...@gmail.com
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
#8 kluma...@gmail.com
I simple removed the +200 on line 678-679 for both width and height and it works for me.
Jan 14, 2010
#9 kluma...@gmail.com
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
#10 JLHarb...@gmail.com
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
Project Member #11 nyro...@gmail.com
nyroModal 1.6.1 is now released and should fix this issue. 
Status: Fixed
Feb 22, 2010
#12 julieng...@gmail.com
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
Project Member #13 nyro...@gmail.com
@julienguil, it's now fixed in version 1.6.2
Thanks for your report

Powered by Google Project Hosting