CSS Gallery not working in IE

Hi everyone.

I am trying to build a gallery for a client using CSS, it works great in Firefox and Chrome, however doesn’t look the same in IE.
» http://wwww.lowmantwigg.com/gallery.htm

Would anyone here be so kind as to help direct me what I could change to help it to also work well in IE?

Thanks in advance,
Barb

Hi Barb. Which versions of IE have you tested in? There are 4 in common use, each quite different.

Ralph, I have 8 and my fiancé checked in his with IE 9.

Neither looked as great as our versions of Firefox 5 & 6.

IE doesn’t allow for a row of 4, it reduces the thumbail row to 3 across, making the whole this aligned offset from FF having 4 in the rows.

Admittedly, I don’t know a lot about CSS. This gallery looks great to help my clients show off their construction works in a quick and easy manner. She wanted something with tabs, and this script certainly delivers that.

Hi,

The main problem in IE is that you don’t have a doctype and without it all versions of IE will go back to last century and behave much like IE5 and render in quirks mode using the broken box model.

Add a current doctype such as this to the top of the page:


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

That must be the first line on the page and there can be nothing above it (not even comments).

Your page is using old fashioned code you would do well to bring it up to date a bit and lose the tables, font tags, breaks for spaces and stylesheets in the body. We can help you with that if you are interested in learning best coding practices :slight_smile:

Thank you Paul!
That worked perfectly!

Bless you for your help! You’ve saved me days of figuring it out!

Barb