[jQuery] Re: Problems in the overlay created by SimpleModal in IE6/7
Anyone? On Feb 21, 1:55 pm, Nazgulled [EMAIL PROTECTED] wrote: I don't know then, what I know is that on my Vista machine, IE7 is being recognized as IE6 and the code above fixed it. Anyway, I think I fixed the problem on IE6 and you were right after all, the code in your first reply fixed, I must have done something wrong before. But now, I'm having a problem with Opera :S If I open the demo page on your site and test it with Opera, it works well, but if I download the basic sample and test it on Opera, it doesn't quite work. The problem is, when you click to show the modal dialog, it shows fine. But after closing it, you will see something odd... Look at the screenshot, it shows what's happening after closing the dialog:http://img408.imageshack.us/my.php?image=operavu1.jpg On Feb 21, 5:30 am, Eric Martin [EMAIL PROTECTED] wrote: Strange...I have IE7 on Vista and it reports 7.0 for $.browser.version... On Feb 20, 7:56 pm, Nazgulled [EMAIL PROTECTED] wrote: After lots and lots of digging and testing I found something that fixed the problem in IE7. The thing was, jQuery has a bug on $.browser.version() and so, IE7 on Vista was being detected as IE6. Because of that the following was being executed: // fix issues with IE and create an iframe if ($.browser.msie ($.browser.version 7)) { this.fixIE(); } Of course, that fix is only for IE6 and if used on IE7, it doesn't fix anything, it breaks it. My workaround for this problem and for now, was to add the following code: var userAgent = navigator.userAgent.toLowerCase(); var browserVersion = { version: (userAgent.match( /.+?(?:rv|it|ra|ie) [\/: ]([\d.]+)/ ) || [])[1] }; $.extend($.browser, browserVersion); This will make the browser detection for IE7 under Vista working. Anyway, I still have the same issue but on IE6 and I don't know how to fix it yet... On Feb 20, 4:40 pm, Eric Martin [EMAIL PROTECTED] wrote: The problem can be solved with some body styles (and I think it only happens in IE6):http://www.ericmmartin.com/projects/simplemodal/#comment-265 body { margin: 0; padding: 0; width: 100%; height: 100%; } -Eric On Feb 20, 4:50 am, Nazgulled [EMAIL PROTECTED] wrote: Hi, I don't know how many of you have used or useSimpleModalto create modal dialogs but I'm having a little issue that's happening in IE6/7. It works fine in Firefox and I don't see any reason to not work on IE. Maye you guys can help me find a workaround. I've created a sample here:http://nazgulled.clok.info/simplemodal/ The problem is in the overlay div create bySimpleModal(I think), you can easily see the problem in IE6/7 if you compare it to Firefox. I've downloaded all the samples onSimpleModalwebsite and tested them locally, the same problem happens. However, if I open the demo page onSimpleModalwebsite with IE6/7, all the examples work fine. And I don't get it because I have the same exact code! Hope someone can help me as this is getting me frustrated and I can't continue the development on my site without this fixed.
[jQuery] Re: Problems in the overlay created by SimpleModal in IE6/7
Strange...I have IE7 on Vista and it reports 7.0 for $.browser.version... On Feb 20, 7:56 pm, Nazgulled [EMAIL PROTECTED] wrote: After lots and lots of digging and testing I found something that fixed the problem in IE7. The thing was, jQuery has a bug on $.browser.version() and so, IE7 on Vista was being detected as IE6. Because of that the following was being executed: // fix issues with IE and create an iframe if ($.browser.msie ($.browser.version 7)) { this.fixIE(); } Of course, that fix is only for IE6 and if used on IE7, it doesn't fix anything, it breaks it. My workaround for this problem and for now, was to add the following code: var userAgent = navigator.userAgent.toLowerCase(); var browserVersion = { version: (userAgent.match( /.+?(?:rv|it|ra|ie) [\/: ]([\d.]+)/ ) || [])[1] }; $.extend($.browser, browserVersion); This will make the browser detection for IE7 under Vista working. Anyway, I still have the same issue but on IE6 and I don't know how to fix it yet... On Feb 20, 4:40 pm, Eric Martin [EMAIL PROTECTED] wrote: The problem can be solved with some body styles (and I think it only happens in IE6):http://www.ericmmartin.com/projects/simplemodal/#comment-265 body { margin: 0; padding: 0; width: 100%; height: 100%; } -Eric On Feb 20, 4:50 am, Nazgulled [EMAIL PROTECTED] wrote: Hi, I don't know how many of you have used or useSimpleModalto create modal dialogs but I'm having a little issue that's happening in IE6/7. It works fine in Firefox and I don't see any reason to not work on IE. Maye you guys can help me find a workaround. I've created a sample here:http://nazgulled.clok.info/simplemodal/ The problem is in the overlay div create bySimpleModal(I think), you can easily see the problem in IE6/7 if you compare it to Firefox. I've downloaded all the samples onSimpleModalwebsite and tested them locally, the same problem happens. However, if I open the demo page onSimpleModalwebsite with IE6/7, all the examples work fine. And I don't get it because I have the same exact code! Hope someone can help me as this is getting me frustrated and I can't continue the development on my site without this fixed.
[jQuery] Re: Problems in the overlay created by SimpleModal in IE6/7
I don't know then, what I know is that on my Vista machine, IE7 is being recognized as IE6 and the code above fixed it. Anyway, I think I fixed the problem on IE6 and you were right after all, the code in your first reply fixed, I must have done something wrong before. But now, I'm having a problem with Opera :S If I open the demo page on your site and test it with Opera, it works well, but if I download the basic sample and test it on Opera, it doesn't quite work. The problem is, when you click to show the modal dialog, it shows fine. But after closing it, you will see something odd... Look at the screenshot, it shows what's happening after closing the dialog: http://img408.imageshack.us/my.php?image=operavu1.jpg On Feb 21, 5:30 am, Eric Martin [EMAIL PROTECTED] wrote: Strange...I have IE7 on Vista and it reports 7.0 for $.browser.version... On Feb 20, 7:56 pm, Nazgulled [EMAIL PROTECTED] wrote: After lots and lots of digging and testing I found something that fixed the problem in IE7. The thing was, jQuery has a bug on $.browser.version() and so, IE7 on Vista was being detected as IE6. Because of that the following was being executed: // fix issues with IE and create an iframe if ($.browser.msie ($.browser.version 7)) { this.fixIE(); } Of course, that fix is only for IE6 and if used on IE7, it doesn't fix anything, it breaks it. My workaround for this problem and for now, was to add the following code: var userAgent = navigator.userAgent.toLowerCase(); var browserVersion = { version: (userAgent.match( /.+?(?:rv|it|ra|ie) [\/: ]([\d.]+)/ ) || [])[1] }; $.extend($.browser, browserVersion); This will make the browser detection for IE7 under Vista working. Anyway, I still have the same issue but on IE6 and I don't know how to fix it yet... On Feb 20, 4:40 pm, Eric Martin [EMAIL PROTECTED] wrote: The problem can be solved with some body styles (and I think it only happens in IE6):http://www.ericmmartin.com/projects/simplemodal/#comment-265 body { margin: 0; padding: 0; width: 100%; height: 100%; } -Eric On Feb 20, 4:50 am, Nazgulled [EMAIL PROTECTED] wrote: Hi, I don't know how many of you have used or useSimpleModalto create modal dialogs but I'm having a little issue that's happening in IE6/7. It works fine in Firefox and I don't see any reason to not work on IE. Maye you guys can help me find a workaround. I've created a sample here:http://nazgulled.clok.info/simplemodal/ The problem is in the overlay div create bySimpleModal(I think), you can easily see the problem in IE6/7 if you compare it to Firefox. I've downloaded all the samples onSimpleModalwebsite and tested them locally, the same problem happens. However, if I open the demo page onSimpleModalwebsite with IE6/7, all the examples work fine. And I don't get it because I have the same exact code! Hope someone can help me as this is getting me frustrated and I can't continue the development on my site without this fixed.
[jQuery] Re: Problems in the overlay created by SimpleModal in IE6/7
Just did a few more tests and here's what I come up with. With or without that body styles, the results are the same: Host Vista Machine - IE7: doesn't work! Guest XP Machine - IE7: works! Guest XP MAchine - IE6: doesn't work! I have XP SP2 installed on my Vista host machine with VMware. And just for reference, the problem on IE looks like this: http://img90.imageshack.us/img90/3664/simplemodalau4.jpg On Feb 20, 4:40 pm, Eric Martin [EMAIL PROTECTED] wrote: The problem can be solved with some body styles (and I think it only happens in IE6):http://www.ericmmartin.com/projects/simplemodal/#comment-265 body { margin: 0; padding: 0; width: 100%; height: 100%; } -Eric On Feb 20, 4:50 am, Nazgulled [EMAIL PROTECTED] wrote: Hi, I don't know how many of you have used or useSimpleModalto create modal dialogs but I'm having a little issue that's happening in IE6/7. It works fine in Firefox and I don't see any reason to not work on IE. Maye you guys can help me find a workaround. I've created a sample here:http://nazgulled.clok.info/simplemodal/ The problem is in the overlay div create bySimpleModal(I think), you can easily see the problem in IE6/7 if you compare it to Firefox. I've downloaded all the samples onSimpleModalwebsite and tested them locally, the same problem happens. However, if I open the demo page onSimpleModalwebsite with IE6/7, all the examples work fine. And I don't get it because I have the same exact code! Hope someone can help me as this is getting me frustrated and I can't continue the development on my site without this fixed.
[jQuery] Re: Problems in the overlay created by SimpleModal in IE6/7
After lots and lots of digging and testing I found something that fixed the problem in IE7. The thing was, jQuery has a bug on $.browser.version() and so, IE7 on Vista was being detected as IE6. Because of that the following was being executed: // fix issues with IE and create an iframe if ($.browser.msie ($.browser.version 7)) { this.fixIE(); } Of course, that fix is only for IE6 and if used on IE7, it doesn't fix anything, it breaks it. My workaround for this problem and for now, was to add the following code: var userAgent = navigator.userAgent.toLowerCase(); var browserVersion = { version: (userAgent.match( /.+?(?:rv|it|ra|ie) [\/: ]([\d.]+)/ ) || [])[1] }; $.extend($.browser, browserVersion); This will make the browser detection for IE7 under Vista working. Anyway, I still have the same issue but on IE6 and I don't know how to fix it yet... On Feb 20, 4:40 pm, Eric Martin [EMAIL PROTECTED] wrote: The problem can be solved with some body styles (and I think it only happens in IE6):http://www.ericmmartin.com/projects/simplemodal/#comment-265 body { margin: 0; padding: 0; width: 100%; height: 100%; } -Eric On Feb 20, 4:50 am, Nazgulled [EMAIL PROTECTED] wrote: Hi, I don't know how many of you have used or useSimpleModalto create modal dialogs but I'm having a little issue that's happening in IE6/7. It works fine in Firefox and I don't see any reason to not work on IE. Maye you guys can help me find a workaround. I've created a sample here:http://nazgulled.clok.info/simplemodal/ The problem is in the overlay div create bySimpleModal(I think), you can easily see the problem in IE6/7 if you compare it to Firefox. I've downloaded all the samples onSimpleModalwebsite and tested them locally, the same problem happens. However, if I open the demo page onSimpleModalwebsite with IE6/7, all the examples work fine. And I don't get it because I have the same exact code! Hope someone can help me as this is getting me frustrated and I can't continue the development on my site without this fixed.