Topic: Problem with Embedding SimpleViewer Pro into page

I was able to successfully add a photo gallery using Simple Viewer to this page http://www.convergence-technologies.com … jects.html

I Upgraded to Simple Viewer Pro and created another photo gallery.

The Simple Viewer Pro's index.html page looks fine but when I embed it into my page, it isn't working properly.

Index.html Page - http://www.convergence-technologies.com … index.html

Embed Page Not Working - http://www.convergence-technologies.com … jects.html

Any ideas what is going on?

Re: Problem with Embedding SimpleViewer Pro into page

For some reason, it works in IE, but in Firefox and Opera, the entire gallery is cropped.

Re: Problem with Embedding SimpleViewer Pro into page

Check out this FAQ: http://simpleviewer.net/simpleviewer/su … ml#embed_7
Your gallery is within the 'container' and 'maincontent' <div>s so try setting a height for each of these using CSS.

Steven Speirs
SimpleViewer Support Team.

Re: Problem with Embedding SimpleViewer Pro into page

Thanks Steven.  That describes exactly what I'm experiencing.  I'll try setting my maincontent div to 100% height tonight when I get home.  Thx!  I'll let you know how it turns out.

Re: Problem with Embedding SimpleViewer Pro into page

I changed the maincontent div to 100% height but it still did not resolve the problem.

Re: Problem with Embedding SimpleViewer Pro into page

Do I need to add CSS for div id="sv-container" and set it to 100% height?

Re: Problem with Embedding SimpleViewer Pro into page

Here is my code for the SimpleViewer so I guess it already is set with a height.  I tried changing from 700px to 100% and it did not resolve it either.  Any other suggestions?

<!--START SIMPLEVIEWER EMBED.-->
<script type="text/javascript" src="svcore/js/simpleviewer.js"></script>
<script type="text/javascript">
$(document).ready(function () {
SV.simpleviewer.load("sv-container", "100%", "700px", "ECECEC", true);
});
</script>
<div id="sv-container"></div>

Re: Problem with Embedding SimpleViewer Pro into page

Any other suggestions?

Re: Problem with Embedding SimpleViewer Pro into page

It seems you have a DIV inheritence in your webpages. The DIV maincontent has a height of 100%.
Solution: Make a style for sv-container with proper min-height or absolute height

Re: Problem with Embedding SimpleViewer Pro into page

I changed the maincontent div to 100% height but it still did not resolve the problem.

You also need to specify a height for your <div> with id="container" (which 'maincontent' is in).

Steven Speirs
SimpleViewer Support Team.

Re: Problem with Embedding SimpleViewer Pro into page

So even parent div's need a specified height of 100%.  Gotcha.  I'll check that out tonight when I get home.  Thanks.

Re: Problem with Embedding SimpleViewer Pro into page

I just added a 100 % height to the container div but it still did not resolve the problem.

Link to page - http://www.convergence-technologies.com … jects.html

Link to Style Sheet - http://www.convergence-technologies.com/styles.css

Re: Problem with Embedding SimpleViewer Pro into page

Have you also set heights for 'html' and 'body' in CSS as described here http://simpleviewer.net/simpleviewer/su … ml#embed_7?
Try adding this to your CSS:

body, html {
  height: 100%;
}
Steven Speirs
SimpleViewer Support Team.

Re: Problem with Embedding SimpleViewer Pro into page

Ah, I missed that.  Will do, thx.

Re: Problem with Embedding SimpleViewer Pro into page

Ok, I have set the body, html, container and maincontent to 100% height and it still isnt' working in Firefox.  What gives?

Re: Problem with Embedding SimpleViewer Pro into page

I had to refresh a few times to get it working.  By "fixing" that, it now is causing the bottom of the page to separate.

If I remove container 100%, it fixes the problem on my pages but the SimpleViewer gets cut off.

If I leave the container to 100% and delete the html 100%, it fixes the page problem but the SimpleViewer is cut off.

By adding the code below to my stylesheet, it prevents the container div from expanding downward and messes up every one of my pages.  Example, http://www.convergence-technologies.com/homeowners.html

body, html {
  height: 100%;
}

Re: Problem with Embedding SimpleViewer Pro into page

For now, I have removed the html and body 100% height style.

Here are screenshots of what it is doing when I add that in both Firefox and IE.

http://www.soleproductions.com/forumfiles/height.jpg

http://www.soleproductions.com/forumfiles/height2.jpg

Re: Problem with Embedding SimpleViewer Pro into page

In order for the gallery to be displayed correctly in Firefox, heights much be specified for all containers up to and including body and html as per this FAQ.
However, you might like to try specifying absolute px values rather than percentages (especially for the body and html CSS)  as this seems to affect your non-gallery related background).

You might also have greater success with the 'External Gallery' method of embedding:
http://simpleviewer.net/simpleviewer/su … l#external

Steven Speirs
SimpleViewer Support Team.