[Plugin: NextGEN Gallery] thumbnails in IE8

Me too – having the exact same problem. I’m going to work on this today to see if I can find out what is responsible….. damn Internet Explorer.

Anyone else have any idea? Works fine in FF, but won’t line up properly in IE.

My affected page is at test-post-1 at:
https://www.hopkinsphotography.co.uk/index.php/2011/01/test-post-1-3/

Cheers, D.

hi
i’m really hoping that you are successfull !

me startet a post also on fthrwght – cause of theme AF+ pro ; will keep you informed if a solution comes up; https://getsatisfaction.com/fthrwght/topics/very_narrow_thumbnails_in_ie8

regards
thomas

hi,
i have had the same issue with a client’s website and solved it this way in nggallery.css:

.ngg-gallery-thumbnail {
width: 100px;
margin-right: 20px;
}

the thumb boxes are 100px wide and i wanted them spaced nicely – so naturally, you would need to replace that with your desired width.
hope this works for you.

hi canet
thank you
i tried your approach
but …. uups i still have this much to narrow thumbs only in IE8

Worked for me very well.

Thank You!

I have same problem, only in ie8, great everywhere else. workaround does not work. HELP!

Ok, this is going to be a ugly solution:

Open your nggallery.css, go to the Gallery Style block and replace these two classes with the ones below.

It is not the right thing to do, but it worked for me. You may have to set the width to fit your gallery thumbs configuration (my thumbs width is set to 100px).

/* ----------- Gallery style -------------*/

.ngg-gallery-thumbnail-box {
	float: left;
	width: 120px;
	display:block !important;
}

.ngg-gallery-thumbnail {
	width: 120px;
	float: left;
	margin-right: 5px;
	text-align: center;
	display:block !important;
}

/* ----------- Gallery navigation -------------*/

Hope it helps.