Firefox large image show right hand side of screen

Hello,

I would very much appreciate your help.

Our website use HOT Joomla Gallery in the following link.

f-hc.org/sponsorship/sponsor-a-child-today
f-hc.org/sponsorship/sponsor-a-teacher-today

The large images shift to the right hand side of screen with Firefox. I do not have same problem with Google Chrome or IE.

I thought it is CSS problem, but I do not know what is the best way to code for all the browser.

I would appreciate your kind help to me and our organisation.

you have this in your default.css file:

#hot-joomla-gallery-wrapper {
width: 600px;
margin: 0 auto;
}

margin: 0 auto; is correct way to do it, but unfortunatly not all browsers say that. Since you have fixed content area , you can just use margin-left instead with fixed value.

Thank you, ivan.milic

How can I code it?? I have changed to

#hot-joomla-gallery-wrapper {
width: 600px;
margin-left: auto;
}

Thumbnails are the one only move the position and large images does not change the position at all...

Can you give me an advice with more details?

#hot-joomla-gallery-wrapper {
width: 600px;
margin-left: 200px;
}

where 200px you may need to adjust to center it

OK...I can change that, But still when I look on Firefox thumbnails are around center but large picture is disappearing to the right end of screen.

How can I change the position of large (actual) images??

Hi! ivan.milic
Thank you for your kind help but I have fixed it myself.

Thank you once again for your support

:laugh: