Topic: cutting off bottom of gallery at lower screen res/mobile screens
Hi, I'm using simple viewer 2.1 on my website - www.dirtyvectors.co.uk in the portfolios section.
It works fine on my monitor (1920 x 1080), but I tried it on other monitors (1280 x 720) and an htc desire screen, and when the gallery loads, the bottom of the image and the row of thumbnails which are normally underneath, are cut off(as well as your simple viewer link logo which isn't doing you any favours) even though the cell containing it is still there with the full background image showing.
It is embedded into an html page using the code given by the simple viewer gallery maker. The cell is set to 720x720 here is the embed code:
<td width="720" height="720" rowspan="10" align="left" valign="bottom" background="../images/dirty_vectors_portbackground_04.jpg" bgcolor="#000000" >
<!--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", "720", "720", "333333", true, null, {wmode : "transparent"});
});
</script>
<div id="sv-container"></div>
<!-- END SIMPLEVIEWER EMBED --> </td>
I've tried setting the sv-container bit to 100%,100% but it screws my whole page up.
I'm not sure what's going on because the actual cell is still all there but it seems anything below the initial page view(turn over?) where you have to scroll down isn't displaying. When I play around with my screen resolution to test it now it I can get it to load up the thumbnails so that the bottom half is invisible. the whole thing still works as long as you can see a bit of the thumbnails.
But I'm worried that if people don't have big screens they aren't going to know what's there or how to view my other images.
Has anyone else encountered this or do they know why it's happening, and how to fix it?
Please let me know if you've any ideas. Thank you