HTML Logo by World Wide Web Consortium ( Click to learn more about our commitment to accessibility and standards.

Moving forward with Composr

ocPortal has been relaunched as Composr CMS. ocPortal 9 is superseded by Composr 10.

Head over to for our new site, and to our migration roadmap. Existing ocPortal member accounts have been mirrored.

Thumbnail display for gallery

Login / Search

 [ Join | More ]
 Add topic 
#50604 (In Topic #11031)

Community saint

Difference in thumbnail display between IE7 and Firefox 3

In searching the previous posts by others who have had similar questions about displaying gallery thumbnails that are more than a single column of images. I added this:

style="float: left; width: 25%; text-align: center"

to the GALLERY_ENTRY_WRAP template like it indicated on the discovered posts. My issue now is that it displays differently in IE7 than it does in firefox3. In firefox there is a neatly displayed series of images 4 to the row before starting another row. It looks like I want it to.

Now in IE it displays them 3 across and they are justified to the left with a wide space on the right where the 4th image should display. That 4 image is displayed but it starts on the 2nd row where there is another 3 in a row displayed.

I have even tried to reduce the thumbnail size to as small as 110px but no change in the display.

I am testing it in 1024X768 display as a minimum resolution to recommend for surfers. The layout is in the center panel with both side panels also showing. The page display is not a fixed size but widens or shrinks depending on the viewers screen resolution.

To add to my mystery is this, if I change the edited template to display 5 across with this change:

style="float: left; width: 20%; text-align: center"

It works in both IE and Firefox! It will display in bothe browsers 5 across before starting the next row. What's with that? I may just go with the 5 across but I am confused as to what makes the difference. Is it an odd-even thing in ie or…?

Art and Imagination
of David L Friend

  My Art Gallery
powered by ocPortal
Back to the top

Fan in action

Not having tried it myself, but I would try specifying the margins as all 0px and/or trying setting to 24% to see if that just brings it in enough for IE to work it out correctly.

Just a guess
Back to the top
There are too many online users to list.
Control functions:

Quick reply   Contract

Your name:
Your message: