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 85: IE6 - background "jumps"
2 people starred this issue and may be notified of changes. Back to list
Status:  Fixed
Owner:  ----
Closed:  Sep 2008


 
Reported by bethbud...@gmail.com, Sep 29, 2008
What steps will reproduce the problem?
-> Simply opening and closing the modal window in IE6

What is the expected output? What do you see instead?
Here's what happens:
-> When the modal window starts, my floated container div moves to the
right about the width of the scrollbar; however, the overlay doesn't make
the jump, so I see a part of the background without overlay on the right
side - about twice the width of the scrollbar.
-> When the modal window closes, the container jumps back to the right
positin - however, a floated container inside that one is now without its
21px margins, and is flush left.

See the attached screenshots (with levels bumped up to clearly show the
changes).

What version of the product are you using? On what operating system?
jquery.nyroModal-1.2.8.pack.js, Win XP, IE6

Please provide any additional information below.
Here's my code:
	$(function() {
		$('#needHelpBox a').nyroModal();
		$('#customerServiceBox a').nyroModal();
		$.fn.nyroModal.settings.showBackground = function(elts, settings, callback) {
			elts.bg.css({opacity:0}).fadeTo(100, 0.5, callback);
		}	
		$.fn.nyroModal.settings.bgColor = '#fff';
		$.fn.nyroModal.settings.resize = true;
	});


Thank you for writing and sharing this plugin - I'd appreciate any help you
can give me in resolving this IE6 bug.

-Beth

screenshots.png
86.2 KB   View   Download
Sep 29, 2008
Project Member #1 nyro...@gmail.com
Please refer to my last comment on the  issue#28 
https://code.google.com/p/nyromodal/issues/detail?id=28 if it's related to background
image.
If it's related to a HTML issue, be sure to write well your code or try an other
approach to do it. If you don't manage to solve it, please post your HTML code here.
Status: Fixed
Labels: -Type-Defect Type-Other
Sep 29, 2008
#2 bethbud...@gmail.com
No, there's no relevant vertical-align or background image issues.... however, I
scoured my code and found that if I remove these styles the IE background-shifting
goes away:

body{width:1024px; margin:auto;}
#container{float:left;}
#oneCol #mainContent{width:1024px;}


However, these are necessary for positioning my layout...

<body id="oneCol">
  <div id="container">
    <div id="mainContent">


Do you have any suggestions?

Thanks,
Beth

Sep 30, 2008
#3 bethbud...@gmail.com
Also - this is definitely not fixed!  Let me know if there's any other information
you need.

Thanks,
Beth

Powered by Google Project Hosting