COMMUNITY FORUM

Keyword
  1. Forum
  3. Free Joomla Extensions & Templates
  5. Simple Image Gallery
  7. (PENDING | SOLVED) IE7 Lightbox and shadow problem

(PENDING | SOLVED) IE7 Lightbox and shadow problem

More
18 years 3 weeks ago - 18 years 3 weeks ago #500 by flits
(PENDING | SOLVED) IE7 Lightbox and shadow problem was created by flits
Hope someone is willing (and has the time) to help me out or to point me in a direction where I could find the solution. I tried searching this forum, google, read each and every comment at extension.joomla.org but I could not find a solution.

As mentioned in the troubleshooting, I had to remove the XML declaration to get this mambot to work in Internet Explorer v7. With the declaration only the shadow of the tumbnails scrolled.

After removing the declaration a new issue appeared.
The thumbnails shadow becomes white and the lightbox only displays a small ‘dark background’ effect at the top of the page.

I am currently building the site and therefor is not online for the public
I included some screenshots to clarify what I mean.

With or without the XML clarification Firefox and Internet Explorer 6 display the content as supposed to, but it seems there is an incompatibility with Internet Explorer v7.

Any help is much appreciated.
www.egreenonline.com | www.trickit.nl | www.flashplanet.nl | www.dffclan.com

Please Log in or Create an account to join the conversation.

More
18 years 3 weeks ago #501 by flits
Replied by flits on topic Re: IE7 Lightbox and shadow problem
The only thing thats seems to have affect is removing this line from the index.php
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
www.egreenonline.com | www.trickit.nl | www.flashplanet.nl | www.dffclan.com

Please Log in or Create an account to join the conversation.

More
18 years 3 weeks ago - 18 years 3 weeks ago #502 by flits
Replied by flits on topic Re: (SOLVED) IE7 Lightbox and shadow problem
It's pretty much the same issue as this topic: forum.joomlaworks.net/index.php?topic=46.0

But I found the problem!
That is the team at www.egreenonline.com found the problem and solved it!

Here's what's need to be done to fix this problem:

Open mambots\content\plugin_jw_sig\sig.css
Goto line 6 and remove: position:relative;

Even the DOCTYPE and XML clarification could be left where it was!

Thank me for sharing the info, thank Joomlaworks for this great mambot and thank the team at www.egreenonline.com for their support!
www.egreenonline.com | www.trickit.nl | www.flashplanet.nl | www.dffclan.com

Please Log in or Create an account to join the conversation.

More
18 years 3 weeks ago #503 by JoomlaWorks
Replied by JoomlaWorks on topic Re: (SOLVED) IE7 Lightbox and shadow problem
Thanks for sharing this tip.

We'll test it thoroughly on several websites and post our findings at the forum, as well...  ;)
Fotis / JoomlaWorks Support Team
---
Please search the forum before posting a new topic :)

Please Log in or Create an account to join the conversation.

More
18 years 3 weeks ago #504 by ahmad
Replied by ahmad on topic Re: (SOLVED) IE7 Lightbox and shadow problem
didnt work for me :(
www.alfystudio.com

Please Log in or Create an account to join the conversation.

More
18 years 3 weeks ago #505 by 3webs
Replied by 3webs on topic Re: (SOLVED) IE7 Lightbox and shadow problem
Hello,

I probe all read on this forum, but anything works.

There is the link to webpage. Please help, I don't know what more to do.  :'(  ???

207.96.32.240/~cordon/index.php?option=com_content&task=view&id=22&Itemid=58


Thanks  ;)

Please Log in or Create an account to join the conversation.

More
18 years 3 weeks ago #506 by Michael Smith
Replied by Michael Smith on topic Re: (PENDING | SOLVED) IE7 Lightbox and shadow problem
I was experiencing similar problems with the lightbox background, but only in IE, versions <=6.0.  To clarify, the images and shadow boxes worked fine, but there was a conflict with my template in IE <= 6 that when the lightbox was brought up the image was shoved to the top and the black background only extended 10-20 pixels from the top.  The problem was clearly template based, but to correct the problem would have meant re-writing a lot of css just for IE 6.  I made the following changes to the sig.css file and it solved the problem while only slightly altering the view in other browsers.

To get the background to cover the entire screen and not just the top 10-20 pixels, make the following changes. 

#lbOverlay { position:absolute; background-position:center; left:0; top:0; height:auto; width:100%; padding:1000px;  background-color:#000;cursor:pointer;}

To move the image down so that it is not hugging the top, make the following changes. 

#lbCenter, #lbBottom {position:absolute;left:50%;margin-top:50px;overflow:hidden;background-color:#fff;padding-bottom:10px;}

Hope this works for those who are having similar problems.

Please Log in or Create an account to join the conversation.

More
18 years 2 weeks ago #507 by ahmad
Replied by ahmad on topic Re: (PENDING | SOLVED) IE7 Lightbox and shadow problem
Thank you mekesmith :)
it worked
www.alfystudio.com

Please Log in or Create an account to join the conversation.

More
18 years 2 weeks ago #508 by epareja
Replied by epareja on topic Re: (PENDING | SOLVED) IE7 Lightbox and shadow problem
Hello pals,

I've the same problem, mekesmith have a partial solution cause when I make the changes he wrote my pictures are displaying only in one place with the parameters i put (the distance from the top of page), and if i have a gallery after a long article of course I can't the photos.

Hope sombody has a fix for it.

Thanks.

P.D.  You can see the problem here: calpan.com/index.php?option=com_content&task=view&id=22&Itemid=0 ???

Please Log in or Create an account to join the conversation.

More
18 years 2 weeks ago #509 by dmwagner
Replied by dmwagner on topic Re: (PENDING | SOLVED) IE7 Lightbox and shadow problem

Hello pals,

I've the same problem, mekesmith have a partial solution cause when I make the changes he wrote my pictures are displaying only in one place with the parameters i put (the distance from the top of page), and if i have a gallery after a long article of course I can't the photos.

Hope sombody has a fix for it.

Thanks.

P.D.  You can see the problem here: calpan.com/index.php?option=com_content&task=view&id=22&Itemid=0 ???


This is the exact same thing that is happening on my site as well.  I posted here forum.joomlaworks.net/index.php?topic=283.0

Please Log in or Create an account to join the conversation.

More
17 years 11 months ago #510 by javem
Replied by javem on topic Re: (PENDING | SOLVED) IE7 Lightbox and shadow problem

Hello pals,

I've the same problem, mekesmith have a partial solution cause when I make the changes he wrote my pictures are displaying only in one place with the parameters i put (the distance from the top of page), and if i have a gallery after a long article of course I can't the photos.


I'm join to waiting for the superman ::)

Please Log in or Create an account to join the conversation.

More
17 years 11 months ago #511 by 3webs
Replied by 3webs on topic Re: (PENDING | SOLVED) IE7 Lightbox and shadow problem
Hello, I solve the problem!!, delete all except one line:


Only these must to be before header, and work perfectly,

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


<head>

Good Luck!!

3webs

Please Log in or Create an account to join the conversation.

More
17 years 10 months ago #512 by Ken Hamel
Replied by Ken Hamel on topic Re: (PENDING | SOLVED) IE7 Lightbox and shadow problem

Hello pals,

I've the same problem, mekesmith have a partial solution cause when I make the changes he wrote my pictures are displaying only in one place with the parameters i put (the distance from the top of page), and if i have a gallery after a long article of course I can't the photos.

Hope sombody has a fix for it.

Thanks.

P.D.  You can see the problem here: calpan.com/index.php?option=com_content&task=view&id=22&Itemid=0 ???


Just as epareja wrote, I have applied the update mekesmith recommends to the css file, and it corrects the problem BUT the image is 50px from the top no matter how far down you are (not dynamically generated where the user is on the page).

Oh well, this is a great plugin so I'll have to deal with it, but once this is fixed, I'll buy the pro version for sure!

(FYI, I've tried removing the W3C info which works as well, but it messes up my template)

Please Log in or Create an account to join the conversation.

More
17 years 10 months ago #513 by Apoio Design
Replied by Apoio Design on topic Re: (PENDING | SOLVED) IE7 Lightbox and shadow problem

Just as epareja wrote, I have applied the update mekesmith recommends to the css file, and it corrects the problem BUT the image is 50px from the top no matter how far down you are (not dynamically generated where the user is on the page).

Oh well, this is a great plugin so I'll have to deal with it, but once this is fixed, I'll buy the pro version for sure!

(FYI, I've tried removing the W3C info which works as well, but it messes up my template)


It messes my template too. I'm thinking if Pro version has same problem. I want buy this in order to resolve this problem.

Please Log in or Create an account to join the conversation.

More
17 years 10 months ago #514 by Patrick Ryan
Replied by Patrick Ryan on topic Re: (PENDING | SOLVED) IE7 Lightbox and shadow problem
Quick note to Klh and others, you should not be expected to change your DOCType code (nor should you be changing it, especially if you want to use XHTML) and jeopardize the rest of your site if you have a component or plugin that is coded to work only in a certain way by making such changes to accommodate it. If you have to do this, I would rethink using that plugin.

The thing is, when designing websites or developing new plugins, components, etc, its a nightmare to work around the different browsers, especially IE because technically IE is not a W3C compliant browser. This is why Firefox is growing in popularity and why IE is well hated by the web design industry. However, anything that is developed should be properly coded so that it does work and function properly and work along side other components and plugins (not to mention IE) and go through a beta period.

Just my two cents :)

Please Log in or Create an account to join the conversation.

More
17 years 8 months ago #515 by nhame
Replied by nhame on topic Re: (PENDING | SOLVED) IE7 Lightbox and shadow problem

I was experiencing similar problems with the lightbox background, but only in IE, versions <=6.0.  To clarify, the images and shadow boxes worked fine, but there was a conflict with my template in IE <= 6 that when the lightbox was brought up the image was shoved to the top and the black background only extended 10-20 pixels from the top.  The problem was clearly template based, but to correct the problem would have meant re-writing a lot of css just for IE 6.  I made the following changes to the sig.css file and it solved the problem while only slightly altering the view in other browsers.

To get the background to cover the entire screen and not just the top 10-20 pixels, make the following changes. 

#lbOverlay { position:absolute; background-position:center; left:0; top:0; height:auto; width:100%; padding:1000px;  background-color:#000;cursor:pointer;}

To move the image down so that it is not hugging the top, make the following changes. 

#lbCenter, #lbBottom {position:absolute;left:50%;margin-top:50px;overflow:hidden;background-color:#fff;padding-bottom:10px;}

Hope this works for those who are having similar problems.


:D :D :D :D :D :D :D :D

Thank you very much mekesmith. After hours reviewing my template's css I could solve the problem!!!

I believe that this can help a lot of people!!!

Thanx!!!!!

Thiago Freitas

Please Log in or Create an account to join the conversation.

More
17 years 3 months ago #516 by acijanos
Replied by acijanos on topic Re: (PENDING | SOLVED) IE7 Lightbox and shadow problem
Thanks Mekesmith.

The fix worked great for me - with one exception - my images are cut off by about 50-100px at the bottom, when displayed individually in IE6 (after being clicked)

Any ideas?
Professional, Eco-Friendly Joomla! Web Design: www.cartanova.ca

Please Log in or Create an account to join the conversation.

  1. Forum
  3. Free Joomla Extensions & Templates
  5. Simple Image Gallery
  7. (PENDING | SOLVED) IE7 Lightbox and shadow problem

Powered by Kunena Forum