Hi:
Thanks for the module, I'm just having a problem in IE 8. When I click on a view and hover on a thumbnail the image jumps down, it moves down more less the height of the thumbnail, pushing the rest of the contend (other images) down as well, once I hover out it goes back in place. I have been looking into the code, not sure if it is a CSS problem.

Any help will be really appreciated.

Thanks

Comments

karens’s picture

karens commented
Status: Active » Postponed (maintainer needs more info)

Can't reproduce any such problem on any of several installations. I suspect you are using lightbox together with some other module that is conflicting, but that is not a problem of this module.

betancourt’s picture

betancourt commented

Hi KarenS

Thanks for the reply. I am using Thickbox but for other parts of the site, not for the views gallery. Sounds to me that the issue are conflicting CSS rules.

Have you had this issues while using the module on an installation using Thickbox as well? Any ideas of how to find the problem?

Many thanks

scatteredbrainV’s picture

scatteredbrainV commented

I'm not using Thickbox but I have the very same problem.

I'm looking for a solution to this problem, which, BTW, doesn't happen in IE7 nor any other browser.

You can check that problem here: http://www.meccanica2elle.com/dev/montaggi

scatteredbrainV’s picture

scatteredbrainV commented

I've updated the Views Gallery module, but that weird and buggy behaviour persists.
You can check it out here: http://www.meccanica2elle.com/lavorazioni
Any help solving this issue under IE8 would be greatly appreciated. I'm not that skilled to dig into the JavaScript/PHP code myself, unfortunately.

opp67’s picture

opp67 commented

Likewise, I am also experiencing the IE8 'jumping image' bug. **It does not appear in IE7 or current versions of Chrome, Opera, Safari, & Firefox.

sravanglitter’s picture

sravanglitter commented

Dear all,

I got the same issue but I have resolved it and its working well for me both in Firefox and IE7. By default the width is mentioned as auto so IE7 not understand this CSS but firefox can. I have changed the width to 100% and also by default <a> element is coming under span tag as IE7 will not allow this. When u r hovering on the image then its jumping against from its original place so I have change the element to display block where it can take whole element as a block and settle in its original place.

sravanglitter’s picture

sravanglitter commented

In Detail what I did:

step one: Set the width 100%

div.view-gallery table {
width:100%;
}

step two: set a element as display block

div.view-gallery table td a {
display:block;
}

Step 3: After doing the above two steps you can see when you hovering on any image the background color overruns to both left and right sides. To keep the background inside the table just use this css

div.view-gallery .views-field-field-gallery-image-fid a
{
margin:0 43px 4px;
}
margin can set as per your need.

Cheers!

sravanglitter’s picture

sravanglitter commented

Problem solved. Please check the above two posts