General Support: Full picture alignment

Could someone please help me with a solution as to why the full pictures and slideshow pictures are not showing in the centre of the container. Is there some code that i need to add to get them in the centre of the page. Also how can i get the entire page to be centered like the rest of the site is?

The link to the gallery is:
www.richardgreenland.com/ploggerb3

Hi Richard -

To center the layout on the screen, edit gallery.css and change the following:
* {
margin: 0;
padding: 0;
}
To this:
* {
margin: 0 auto;
padding: 0;
}
To center the full-size and slideshow images, change this:
#picture-holder {
/* #picture-holder contains the picture */
clear: both;
margin: 10px 0 0 0;
border-top-color: #CCCCCC;
border-right-color: #CCCCCC;
border-bottom-color: #CCCCCC;
border-left-color: #CCCCCC;
}
To this:
#picture-holder {
/* #picture-holder contains the picture */
clear: both;
margin: 10px auto 0 auto;
text-align: center;
border-top-color: #ccc;
border-right-color: #ccc;
border-bottom-color: #ccc;
border-left-color: #ccc;
}

Richard -

I just checked your stylesheet. There is an error with the implementation of both changes in your stylesheet.

The first change that I recommended - you currently have:
* {
margin: 0; auto
padding: 0;
}
Notice that the semi-colon is between the 0 and auto. It should be like this:
* {
margin: 0 auto;
padding: 0;
}
If you fix that error, then the layout will be centered on the page.

For the second change, please copy/paste the entire change I recommended into your stylesheet to get the image centered properly.

Once you've made those changes and uploaded your stylesheet to your server, remember to clear your cache in both browsers you use before viewing your gallery to ensure you are not loading the old version of the stylesheet.

With regard to seeing a ? in a small box rather than the full-size image, I've checked your gallery in FF 2.0.0.17, IE6, Opera 9.5 and Safari 3.1 on a Windows machine, and I'm able to see the full-size images just fine in both navigation mode (prev/next) and in the slideshow.

Is this issue happening for you with all of the full-size images, or just one image? Can you provide a link to a gallery page where you are seeing this so we can troubleshoot it further?

Change this section in your stylesheet:
* {
margin: 0 auto
padding: 0;
}
To this (copy/paste this to your stylesheet):
* {
margin: 5px auto;
padding: 0;
}
That will restore the slight margin at the top.

With regard to not being able to see the full-size images, go to the Options tab and, under Thumbnail Options, make sure that the box next to Allow Full Picture Access is checked. Also, what is your setting for Generate Intermediate Pictures - checked or unchecked?