Warning: Cannot modify header information - headers already sent by (output started at /home/cssquirrel/www.cssquirrel.com/blog/index.php:4) in /home/cssquirrel/www.cssquirrel.com/blog/wp-includes/feed-rss2-comments.php on line 8
Comments on: Correcting Overlay Issues with jQuery Lightbox and Fixed Body Width http://cssquirrel.com/blog/2009/04/24/correcting-overlay-issues-with-jquery-lightbox-and-fixed-body-width/ opinions and news on web design Mon, 12 Dec 2011 18:22:38 +0000 hourly 1 http://wordpress.org/?v=3.3.1 By: Eric http://cssquirrel.com/blog/2009/04/24/correcting-overlay-issues-with-jquery-lightbox-and-fixed-body-width/comment-page-1/#comment-32207 Eric Wed, 27 Oct 2010 07:55:48 +0000 http://www.cssquirrel.com/?p=240#comment-32207 Fantastic~I'm trying to fix another problem with lightbox and need your help. To IE, if the page height > 32767px the opacity won't "work", which means you would only see a picture with pure color background. I think we should change "arrPageSizes[1]" to another value, but not sure. If you are not busy could you please send me a mail? Have a nice day :) Fantastic~I’m trying to fix another problem with lightbox and need your help. To IE, if the page height > 32767px the opacity won’t “work”, which means you would only see a picture with pure color background. I think we should change “arrPageSizes[1]” to another value, but not sure. If you are not busy could you please send me a mail? Have a nice day :)

]]>
By: Nate http://cssquirrel.com/blog/2009/04/24/correcting-overlay-issues-with-jquery-lightbox-and-fixed-body-width/comment-page-1/#comment-31386 Nate Tue, 26 Jan 2010 17:29:06 +0000 http://www.cssquirrel.com/?p=240#comment-31386 I was looking all over for a fix for this. This looked like it would do it, but unfortunately the problem still exists on FireFox 3.5.7. Any help on this would be greatly appreciated. Thanks I was looking all over for a fix for this. This looked like it would do it, but unfortunately the problem still exists on FireFox 3.5.7. Any help on this would be greatly appreciated. Thanks

]]>
By: Alex http://cssquirrel.com/blog/2009/04/24/correcting-overlay-issues-with-jquery-lightbox-and-fixed-body-width/comment-page-1/#comment-28910 Alex Thu, 29 Oct 2009 12:37:42 +0000 http://www.cssquirrel.com/?p=240#comment-28910 Thanks so much! Looked everywhere for this fix (for IE 8)! Thanks so much! Looked everywhere for this fix (for IE 8)!

]]>
By: Soja http://cssquirrel.com/blog/2009/04/24/correcting-overlay-issues-with-jquery-lightbox-and-fixed-body-width/comment-page-1/#comment-28518 Soja Fri, 23 Oct 2009 20:24:56 +0000 http://www.cssquirrel.com/?p=240#comment-28518 Hey Kyle thanks for the tutorial and Dorian thanks for the Height problem (i had the same en IE) but i had a question as well... i used your code for the height problem it works perfectly for IE and Firefox but it doesn't seem to work on Safari, the overlay is stuck on the top of the page and it's just about 10px of height... any suggestion ? Help me please it's driving me crazy ! (click on a picture to see the problem (problem on SAFARI only) : http://www.luciole.com/travaux/aef/site-test/page/equipe.html) Thanks !!! Hey Kyle thanks for the tutorial and Dorian thanks for the Height problem (i had the same en IE) but i had a question as well… i used your code for the height problem it works perfectly for IE and Firefox but it doesn’t seem to work on Safari, the overlay is stuck on the top of the page and it’s just about 10px of height… any suggestion ?

Help me please it’s driving me crazy !

(click on a picture to see the problem (problem on SAFARI only) : http://www.luciole.com/travaux/aef/site-test/page/equipe.html)

Thanks !!!

]]>
By: Charles Brindle http://cssquirrel.com/blog/2009/04/24/correcting-overlay-issues-with-jquery-lightbox-and-fixed-body-width/comment-page-1/#comment-28453 Charles Brindle Thu, 22 Oct 2009 09:18:12 +0000 http://www.cssquirrel.com/?p=240#comment-28453 This helped a million, I couldn't find any information on this bug and tried to change the overlay for the css to fixed positioning. That resulted in quite a nightmare This helped a million, I couldn’t find any information on this bug and tried to change the overlay for the css to fixed positioning. That resulted in quite a nightmare

]]>
By: Delazee http://cssquirrel.com/blog/2009/04/24/correcting-overlay-issues-with-jquery-lightbox-and-fixed-body-width/comment-page-1/#comment-27219 Delazee Fri, 18 Sep 2009 10:47:46 +0000 http://www.cssquirrel.com/?p=240#comment-27219 Thanks, added a bit on to the height to fix our problem width: $(window).width(), height: (arrPageSizes[1]) + 160 Thanks, added a bit on to the height to fix our problem
width: $(window).width(),
height: (arrPageSizes[1]) + 160

]]>
By: Dorian http://cssquirrel.com/blog/2009/04/24/correcting-overlay-issues-with-jquery-lightbox-and-fixed-body-width/comment-page-1/#comment-26110 Dorian Fri, 26 Jun 2009 02:50:46 +0000 http://www.cssquirrel.com/?p=240#comment-26110 For height issues in ie 6/7 try this.... Note, this was caused because of a bunch of positioned divs. // get the full hieght of body var docHeight = document.documentElement.scrollHeight ? document.documentElement.scrollHeight : document.body.scrollHeight; // Style overlay and show it $('#jquery-overlay').css({ backgroundColor: settings.overlayBgColor, opacity: settings.overlayOpacity, width: arrPageSizes[0], height: docHeight }).fadeIn(); Do it as well for resize function... Tested in Chrome, FF, Safari & IE 6-8.. Works like a charm For height issues in ie 6/7 try this….
Note, this was caused because of a bunch of positioned divs.

// get the full hieght of body
var docHeight = document.documentElement.scrollHeight ? document.documentElement.scrollHeight : document.body.scrollHeight;

// Style overlay and show it
$(‘#jquery-overlay’).css({
backgroundColor: settings.overlayBgColor,
opacity: settings.overlayOpacity,
width: arrPageSizes[0],
height: docHeight
}).fadeIn();

Do it as well for resize function…

Tested in Chrome, FF, Safari & IE 6-8.. Works like a charm

]]>
By: mojitopl http://cssquirrel.com/blog/2009/04/24/correcting-overlay-issues-with-jquery-lightbox-and-fixed-body-width/comment-page-1/#comment-25295 mojitopl Mon, 08 Jun 2009 23:47:55 +0000 http://www.cssquirrel.com/?p=240#comment-25295 YOU ARE SAVING MY BUTT! Thanks A LOT! :D :D :D YOU ARE SAVING MY BUTT! Thanks A LOT!
:D :D :D

]]>
By: Gabriel http://cssquirrel.com/blog/2009/04/24/correcting-overlay-issues-with-jquery-lightbox-and-fixed-body-width/comment-page-1/#comment-24389 Gabriel Tue, 19 May 2009 09:24:10 +0000 http://www.cssquirrel.com/?p=240#comment-24389 Thank you! It gave me an advice because I had trouble with overlay's height only in IE 7. In order to fix it I tryed this in _set_interface function and it worked: $('#jquery-overlay').css({ backgroundColor: settings.overlayBgColor, opacity: settings.overlayOpacity, width: $(window).width(), height: (arrPageSizes[1]) * (1.9) // Custom to fix a bug in IE with a bad overlay height background }).fadeIn(); // instead of $('#jquery-overlay').css({ backgroundColor: settings.overlayBgColor, opacity: settings.overlayOpacity, width: $(window).width(), height: arrPageSizes[1] }).fadeIn(); Thank you! It gave me an advice because I had trouble with overlay’s height only in IE 7. In order to fix it I tryed this in _set_interface function and it worked:

$(‘#jquery-overlay’).css({
backgroundColor: settings.overlayBgColor,
opacity: settings.overlayOpacity,
width: $(window).width(),
height: (arrPageSizes[1]) * (1.9) // Custom to fix a bug in IE with a bad overlay height background
}).fadeIn();

// instead of

$(‘#jquery-overlay’).css({
backgroundColor: settings.overlayBgColor,
opacity: settings.overlayOpacity,
width: $(window).width(),
height: arrPageSizes[1]
}).fadeIn();

]]>
By: nz http://cssquirrel.com/blog/2009/04/24/correcting-overlay-issues-with-jquery-lightbox-and-fixed-body-width/comment-page-1/#comment-23952 nz Tue, 12 May 2009 17:35:04 +0000 http://www.cssquirrel.com/?p=240#comment-23952 thanks a lot...needed this fix thanks a lot…needed this fix

]]>