IE7 making Galleria Fullscreen do funny things with dots navigation

Question

Hi all,

My Galleria gallery seems to be working everywhere except in IE7. I have hacked at the code to make it fit the designer's vision, however, I've ended up with a strange space and some dots along the top of the gallery in IE7. I have tried everything to make it disappear while allowing the navigation to function.

Wondering if any clever person could look at the code and offer some suggestions?

Here is and example of the phenomenon where I'm storing the live site:

http://www.sheadavidsky.com/manu/ethan-allen.html

Thank you for your time!

Answer 1

try changing

ul#galnav {
list-style-type:none;
}

to

ul#galnav {
list-style:none
}

that should do it :)

EDIT

addition after comments:

my testing found this issue just using IE8 in IE7 Browser mode (via developer tools). I'm not sure what version this acts as...

right so just changing the list style won't work because IE7 isn't actually applying the styles to that ul on load. It appeared to work because I edited a style (any style) of the ul after load. However, you'd have to wait until all the images were finished loading which is tricky.

In my other answer I mention how it works if you have an empty style tag. I've been fiddling for ages now and this isn't the only thing that hasn't broken. try this and see if it works for you:

$(document).ready(function() {
    if ($.browser.msie && navigator.userAgent.indexOf('Trident')== -1){
        $('head').append('<style></style>');
    }  
    $('#gallery').galleria();
}); 

That's about as dirty a fix as you could want! :)

Answer 2

Another answer because it is so different to my first:

edit removed most of answer. I thought it was to do with where your script tag was - I put it at the end of my document and it looked to be working. Unfortunately it just seemed to lessen the frequency of the issue. I've also noticed that if you use a tag in the you don't get the problem. Even if the style tag is empty. It is very, very weird.

btw: Doesn't seem to be the !DOCTYPE either