Photos do not display properly in Firefox
I am having a problem that my photos are "blowing up" when viewed in Foxfire. If I make the photos small enough to not do that in Foxfire, they are really small when viewed in Chrome and IE. I'm using the Weaver II themes in all of these but discovered that even my personal site isn't doing very well either. I've searched online for a fix but haven't been able to find anything that will work. there are only three photos in each row on the actuall gallery pages. I had to make the "Gallery" page photos small enough to fit across on FireFox, which is okay because they are static. The other pages are three across but even at that, they are too large in Firefox to show all three photos across. IE isn't doing a great job either. Here's a link to one of the gallery pages: http://gayleweisfield.com/new/?page_id=107 I have another site where there are only two photos across and the photos blow up even larger and end up running vertical down the page which doesn't allow all the photos and the text to show. That site I can deal with since the photos are static although I would like to know what it is about the theme or Firefox that is causing the problem.
الحل المُختار
I figured out the problem. Nextgen is not compatible with Weaver II. Deactivated that plugin and reactivated lightbox. It works in all browsers.
Read this answer in context 👍 0All Replies (4)
I think the problem is that the NextGen Gallery plugin is set to use inflexible table cells for layout, rather than letting the images snug up next to one another.
Digression: To see how the columns are always as wide as the widest image, you could run a small script to add borders. This isn't strictly necessary, but in case you're curious, you can add a new style rule to the page (locally, just until you reload it) as follows.
(1) With your page displayed, open Firefox's Web Console by pressing Ctrl+Shift+k
(2) Next to the caret (">") paste this long line of script code and then press Enter to run it:
var s=document.createElement("style"); s.type="text/css"; s.appendChild(document.createTextNode("td{border:1px dotted yellow !important;}")); document.body.appendChild(s);
Okay, back on point. Does the NextGen Gallery plugin let you choose a different layout that has a better chance of fitting in the available space?
Another option would be to add a horizontal scroll bar, but people generally don't like horizontal scrollbars, so I think that would be a last resort.
Modified by jscher2000 - Support Volunteer
I will check to see if NextGen has some options. I noticed that when I used a plug-in table (I have to set these sites up so that the client can maintain them/add to them) when I set a size to the table it helped, but not entirely. I'll see what I can find out and respond.
I ran the code but all it showed me was the size of the table. I resized the table and it looks better but not what I want to see in Foxfire and maybe in IE but in Chrome, the photos are way too small for the space and look bad. I'm going to see if a different type of plugin for photos will work. Ugh!
الحل المُختار
I figured out the problem. Nextgen is not compatible with Weaver II. Deactivated that plugin and reactivated lightbox. It works in all browsers.