Pictures are not centered in Chrome and FF

[hama]

Hi there

Today I realized that the pictures (displayimage.php) are not centered. I use the theme curve centered.

This happens with Chrome and Firefox (both in newest version). IE 9 can center the pictures.

Here is a link: http://orst.ch/copper/displayimage.php?album=653&pid=45784#top_display_media

Two screenshots are attached. Can someone help me to center the pictures in all three browsers?

Thanks! 

hama

[lurkalot]

Not sure why this is happening.  I've tried in Firefox  3.1.16, Firefox 4  and IE8, and no problem.

Does it do this for you when viewing that theme in the demo? (Demo Link top of screen).

[hama]

Hi

No, it does not do this for me when viewing that theme in the demo ... (Demo Link top of screen).  :'(

Some month ago Jeff Bailey helped me to make the theme curve centered (I asked in the paid zone).

http://forum.coppermine-gallery.net/index.php/topic,66915.0.html

Maybe it has to to with different CSS of my website?

I attached "my" theme curve centered, called "orst".

P.S.: I did not change something in displayimage.php.

hama

[lurkalot]

So are you saying you have a customised version of the theme in the demo. I mean different from the one in the demo?

If not, then download and install that theme, or try just that file from the theme, and see if it works. Keep a backup of your original first.

[hama]

Good news for Coppermine, bad news for me: The original theme "curve centered" (I just downloaded it) centers the pictures in displayimage.php correct.

So it must be a problem between the two css-files of my main website and my gallery site.

I know now a bit more but if I can fix that, I don't know.

Thanks anyway for your help!

hama

[phill104]

Have you fixed it? It appears centered to me.

[hama]

Hi Phill

No, I couldn't fix it, it is still centered with IE8 and IE9 but not with FF4 and Chrome10.

hama

[Αndré]

Manually changing the table width from 600px to 100% (with the help of Firebug) does align the image centered on your website to me. So you could try to change that value in your config.

[hama]

Hi André

I couldn't find the 600px somewhere in the style.css of "my" theme.

So I changed

Code Select Expand


.maintable {
    margin-top: 1px;
    margin-bottom: 1px;
}


to

Code Select Expand


.maintable {
    margin-top: 1px;
    margin-bottom: 1px;
    width: 100%;
}


and now it works in all three browsers IE, Chrome and FF.

Thanks for the solution! 

hama

[Αndré]

It's a setting in the config (admin.php). You should find it very easily by just searching for the value '600'.

[hama]

Hi André

Ok, now I understand it ... Through config to admin.php, not by ftp ...

"Width of the table for picture display (pixels or %)". There was 600 and I changed it to 100%.

It works, thanks!

hama