I checked before I took the screenshots and the gallery's height was (and still is) set to 100%.
I mispoke; The gallery is indeed set to 100% height, but it's parent div (that I added) is set to "max-height:300px".
What I meant was, that if i remove the height of the added parent div, then the SV gallery grows to 534px.
All the upstream parent divs in which the gallery lives contain NO height value. So, if I don't put any content within them, they are essensially flat.
If I place an image in the same div that now holds the gallery object, the image will scale with the viewport. The height of the image scales, and so does the parent div containing it.
When I take out the image, and place the gallery in that same parent div, the div will only expand relative to it's content.
Without the constraining parent div set to an absolute value, it is expands to 534px., and by using Firebug I can select the gallery, and it is indeed 534px in height (all documented in the zip file above); But the image height is only 300px, I ask again where is the extra 234px coming from within the gallery.
Try this, it will only take you a second.
View the page, and use you developer tools of choice to set the gallery's div (#sv-container) to "height:0%, and note that the area containing the gallery goes flat. The parent's div is not dictating the height of the gallery. The gallery is dictating the height of the div.
It is ok to say that you don't know why the gallery is adding 234px to the height, but it clearly is.
I don't have the skillset to know why it is adding the height, but it clearly will still function if contrained within a parent div with an absolute value. So, perhaps SV's developers can figure out what is causing the added height and remove it.
Thanks again Steven, I am not trying to be a pita, but the gallery is adding height, beyond the height of the image, to the object when set to "height:100%".
Last edited by Dave Pitman (2012-03-19 01:56:55)