Wordpress Themes - WP Forum at BFA

Wordpress Themes - WP Forum at BFA (http://forum.bytesforall.com/index.php)
-   Plugins & Atahualpa (http://forum.bytesforall.com/forumdisplay.php?f=16)
-   -   NextGen Gallery Thumbnail Display in IE (http://forum.bytesforall.com/showthread.php?t=10201)

gungo Oct 10, 2010 11:58 AM

NextGen Gallery Thumbnail Display in IE
 
I'm using nextgen gallery for two new sites and displaying thumbnails 3 across.
They display just fine on Safari, Opera, Firefox - but 'fall apart' and display only one thumbnail across - which makes the page really weird and long. I have played with CSS and thumbnail size IE refuses to put more than one thumbnail across the page.
I don't see any other listings regarding this - so I'm at a loss.

Site is: http://fortrecoverytortola.com/villa...edroom-suites/

Any ideas?

Thanks!

gungo Oct 10, 2010 02:49 PM

I think its fixed by changing display: inline-block; to relative;

.ngg-gallery-thumbnail-box {
display: relative;

}

but now its not centered - but I can live with that until I figure it out.

gungo Oct 13, 2010 09:48 AM

Finally figured out the full css for the fix to nextgen gallery that take care of IE problem (IE6 and above). Note the commented out lines were the original (or my initial changes). I hope that this helps anyone else with the same problem.

/* ----------- Gallery style -------------*/
.ngg-galleryoverview {
text-align: center;
overflow: hidden;
margin-top: 10px;
width: 100%;
clear:both;
display:block !important;
}

.ngg-gallery-thumbnail-box {
/*display: block;*/
display:inline;
text-align: center;
}

.ngg-galleryoverview .desc {
/* required for description */
margin:0px 10px 10px 0px;
padding:5px;
}


.ngg-gallery-thumbnail {
/*float: left; by Jimba*/
margin-right: 5px;
text-align: center;
/*display: inline-block;*/
display:inline;
}

.ngg-gallery-thumbnail img {
background-color:#FFFFFF;
border:1px solid #A9A9A9;
/*display: block; by Jimba */
margin: 4px 0px 4px 5px;
padding:4px;
position:relative;
}

.ngg-gallery-thumbnail img:hover {
background-color: #A9A9A9;
}

.ngg-gallery-thumbnail span {
/* Images description */
font-size:90%;
padding-left:5px;
display:block;
}

.ngg-clear {
clear: both;

allyevans Jun 30, 2011 08:59 AM

Wow, thanks, Gungo. I was having the same issue with IE creating odd sized thumbnails (each image was a different size). Now they all run down the center with one column. Do you know how I can create multiple columns? In all other browsers the Nextgen column setting works (which I have set to 4 columns).

Thanks,

Ally


All times are GMT -6. The time now is 05:22 PM.

Powered by vBulletin® Copyright ©2000 - 2021, Jelsoft Enterprises Ltd.