I have a gallery page where the user clicks a thumbnail and it takes them to a filmstrip where they can scroll left and right through the images. At the top (above the images) is a menu with the photographer’s name and other galleries, and at the bottom (below the images) is “back to thumbnails” that hides the filmstrip div and brings back the thumbnails div.
The basic layout is:
<div style=”position: fixed;”>
<p>Name and other galleries</p>
</div>
<div (this div holds all the images. very wide)>
etc
</div>
<div style=”position: fixed;”>
<p>back to thumbnails</p>
</div>
But when viewing, the images can easily be scrolled underneath the top and bottom divs. I would ideally need those two divs to be fixed only horizontally, and still push against the middle images holder div in order to keep them separate.
Link to page http://skottsniderphotography.com/newsite4/gallery.php?type=hospitality-resort
(edit: I changed the code for now so the top and bottom and no longer fixed)
Can you help me out?
Any tips much appreciated.
Thank you!
Julian
