1 Topic by jimtron (edited by jimtron 2011-04-21 22:54:29)

  • Registered: 2011-01-09
  • Posts: 10

Topic: keeping thumbnails anchored to the left

This is probably a basic html/css question, but I'm not sure how to handle it.

I have a Postcardviewer gallery in an iframe here:

(I removed link--site no longer there)

This is working on a big display, but if you make the browser window smaller, you'll see that the thumbnails stay put in the center, when I'd like them to stick to the left so folks on laptops will see most or all thumbs, instead of white space on the left...forgive me if this is a stupid question, but I'd appreciate suggestions.

  • Registered: 2008-07-06
  • Posts: 6,334

Re: keeping thumbnails anchored to the left

In order for the gallery to resize dynamically, the size of all parent containers of the gallery should be expressed as percentages (rather than absolute pixel values).
You are going to need the vertical scrollbar in order to accommodate the large amount of images in your gallery so all you need is for the gallery to dynamically resize horizontally.
Therefore, you need to express the width of your <iframe> as a percentage and your <iframe> on the page http://rayborchers.com/newtshirts/test.html
... should look something like:

<iframe src="http://rayborchers.com/newtshirts/index.html" width="100%" height="800" frameborder="0" scrolling="auto"></iframe>
Steven Speirs
SimpleViewer Support Team
  • Registered: 2011-01-09
  • Posts: 10

Re: keeping thumbnails anchored to the left

That worked perfectly, thanks!