Take the 2-minute tour ×

I've been working with jQuery slideshow "Gallaria". There is a rendering issue when using Internet Explorer 8/9 that looks like: click here. I am not sure why its rendering it out so its not "fullscreen." I've tested the same page on Firefox4, Chrome and Safari and they all seem to render it as intended.

I've tried to use Firebug to find out if there are any issues on load and I have not found anything. I've reimplemented Gallaria from scratch and dug through the documentation. I can't seem to pinpoint why in Internet Explorer it behaves like this and not in the other browsers.

I have a uploaded this page to this directory: click here

share|improve this question
add comment

1 Answer

up vote 1 down vote accepted

The problem is that your page is in Quirks Mode.

It looks like you've accidentally deleted this doctype line from the top of your HTML:


Add that back in (as the very first line), and it will work properly in IE.

You should also fix this line:


into this:


And this line:

<meta http-equiv="Content-Type" content"text/html"; charset="utf-8"/>



You're also missing a closing tag for html; add </html> at the end.

share|improve this answer
Thank you for your speedy reply! It is extremely appreciate it. I have made the changes and it works. Although there seems to be a weird transparent box at the top left corner. -- Edit -- Seems to disappear when you "idle" (take cursor) off page for a sec. Is there a firebug for IE that I can use to select that object? –  dope Apr 15 '11 at 1:55
It seems to be <div class="galleria-iefix"> - I can't see what it's supposed to be doing - looks like some kind of transparency fix. Perhaps .galleria-iefix { display: none } would be a quick fix. –  thirtydot Apr 15 '11 at 2:03
I found it, they just updated Galleria today and added some weird iefix opacity. Thank you again and I have accepted your answer! –  dope Apr 15 '11 at 2:14
add comment

Your Answer


