Slideshow problem in Internet Explorer Only

Hi there, I have a slideshow problem in Internet Explorer only and I hope someone can help. Basically the slideshow works fine in all other browsers but in IE it creates almost another full area below the main image and its just strange to be honest? See attached the massive blank/light blue area that is generated under the slideshow in Internet Explorer only!

Also I can supply the URL for this if someone can give me there email or whatever as the site is not live just yet. Thanks in advance

slideshow-issue.jpg

Shameless bump on this as I am still having this issue in IE

Hi

Me! Me! Send me an URL to it

haha - dont get to excited now haha I appreciate the help mate - il email on the link now and open it up in IE 8 or any other IE -across all other browsers it works great - so its a frustrating one.

Hi

Have You fixed it ? I see it ok under IE7 and IE8 ;/

No I have not fixed it at all - I have tested it now on 3 computers and get the same thing on all 3 - a really and oversized slideshow like my screenshot above.

I tested it on a laptop on IE8 with Vista and its all messed up.

I tested it on PC with Windows XP with IE7 and IE8 and all messed up.

I tested it on a friends computer and all messed up.

Il test it some place else today and see what I get - weird its working fine for you. After the first slide rotates it really messes up.

Hi

I know such error happen once because I've been giving solution to this (it's in the forum, but I had no luck finding it).

Try to add a module class suffix " h320" (a space befor it is important) in the module settings and add this part of the code to override.css (please remember to enable using this file at template's parameters):

Code: Select all

.moduletable.h320 {
height:320px !important;
overflow:hidden !important;
}


Hi there, I tried this and no luck. I enabled the override.css in the template backend to make sure it was being read but no luck. Still same issue but its fine in all other browsers!

Hi

Have You added module class suffix "h230" to the module settings ?

Hi there, ok sorry I forgot to do that. I have done that now and its fixed the large space underneath the slideshow however now there are a few more new issues created. The menu bar is now hidden behind the slideshow and also the navigation on the slideshow to go to the next slide or back to the previous slide is now really high up. I took away the background blue image that is hiding the menu now but still even if the menu shows you cannot click the menu. Is there something else that can be done?

Hi

Please put the space in front of this new class suffix and use this class instead:

Code: Select all

.moduletable.h320 {
    clear: both;
    height: 320px !important;
    margin: 0;
    overflow: hidden;
    padding: 0;
}


That worked perfectly - thank you so much - it was a real headache due to so many using IE - god I hate IE Its working great now - thanks for your persistence with this.

Hi

There os still problem with arrows, but I do not have time right now (my little daughter got 3rd birthsday today ). I promiss to be back to this problem also.

Oh yes I only see now that the arrows on the slideshow are now missing! But dont worry about it until next week of course - enjoy your daughters B-Day - happy celebrations mate