Controlling the page height of each page using CSS page injection.

Scroll down to see the two gallery comparisons.

To stop the page jumping when moving from photo to photo, I have 'injected' the following CSS into each photo page:

<style type="text/css">
body.no-sidebar #main { height: 640px; }
</style>

if there is a sidebar then use this:

<style type="text/css">
body.allow-sidebar #main { height: 640px; }
</style>

To inject code into multiple pages in one go, select the pages in the Site Outline first:
1. Page Code Injection is applied to all the pages that have been selected.
2. Click, Site > Page Code Injection... > Head Area:
3. Paste the CSS Style code into the lower box:

The maximum height shown on a default Sandvox Photo page is 640 pixels. By trial and error experimenting, I found that using a height of 820 pixels allowed this maximum height to be shown correctly:

<style type="text/css">
body.no-sidebar #main { height: 820px; }
</style>