COMMUNITY FORUM

(PENDING | SOLVED) IE7 Lightbox and shadow problem

javem
Offline
New Member

17 years 3 weeks 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.

3webs
Offline
New Member

17 years 19 hours 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.

Ken Hamel
Offline
New Member

16 years 11 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.

Apoio Design
Offline
New Member

16 years 11 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.

Patrick Ryan
Offline
New Member

16 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.

nhame
Offline
New Member

16 years 9 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.

acijanos
Offline
Junior Member

16 years 4 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.