1 Topic by Rosebud (edited by Rosebud 2013-05-05 08:12:16)

  • Registered: 2013-02-17
  • Posts: 4

Topic: SV_2.3.1. is not working on Ipad/iphone = out of shape

Hi, I just installed the newest version of SV. On my Personal Computer (windows) the gallery looks just fine, but on the Windows PC of a friend the gallery is out of proportion, and does not work like it should. Also on the Apple Ipad and the Iphone the gallery is out of shape. Please help. The script is:

<p align="left" class="content"><script type="text/javascript" src="simpleviewer_231/tekstschrijven/svcore/js/simpleviewer.js"></script>
                                                                      <script type="text/javascript">
var flashvars1={};
flashvars1.baseURL="simpleviewer_231/tekstschrijven/";
simpleviewer.ready(function () {
simpleviewer.load("sv-container1", "35%", "55%", "transparent", true, flashvars1);
});
                                                                      </script>
                                                        </p>
                                                        <div id="sv-container1"></div>
<!-- END SIMPLEVIEWER EMBED -->
<p align="left" class="content">&nbsp;</p>
<!--START SIMPLEVIEWER EMBED.-->
<script type="text/javascript" src="simpleviewer_231/webontwerp/svcore/js/simpleviewer.js"></script>
<script type="text/javascript">
var flashvars2={};
flashvars2.baseURL="simpleviewer_231/webontwerp/";
simpleviewer.ready(function () {
simpleviewer.load("sv-container2", "35%", "55%", "transparent", true, flashvars2);
});
</script>
<div id="sv-container2"></div>
<!-- END SIMPLEVIEWER EMBED -->
<p align="left" class="content">&nbsp;</p>
<p align="left" class="content"><br>
                                          </p>
                                          </blockquote>
                                          <blockquote>
                                                        <blockquote>&nbsp;</blockquote>
                            </blockquote></td>
                                          <td width="25" height="571" valign="top" bgcolor="#FFFFFF">&nbsp;</td>
                            </tr>
              </table>
              <p>&nbsp;</p>
</div>



Kind regards from the Netherlands

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

Re: SV_2.3.1. is not working on Ipad/iphone = out of shape

Your galleries both have widths of 35% (which will be 35% of the width of the each gallery's parent container) adn this may look strange in certain browser window sizes.
Try setting your gallery's widths to 100% and set the widths of the parent containers as necessary.

You might like to try scaling your web page for mobile devices by including the following <meta> tag in the <head> section of your web page Please see this web page for more information.

<meta name="viewport" content="width=device-width, initial-scale=1">

Also, your web page does not use a Doctype Declaration. Please see this web page for more information.
Choose a suitable DTD for the code that your web page uses (from the look of your code, the HTML 4.01 Transitional DTD might be the most suitable) and put it at the very top of your HTML document (before the opening <html> tag.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
   "http://www.w3.org/TR/html4/loose.dtd">
Steven Speirs
SimpleViewer Support Team
  • Registered: 2013-02-17
  • Posts: 4

Re: SV_2.3.1. is not working on Ipad/iphone = out of shape

Hello Steven, thanks for the reply. I tried to change everything you mention above, but even at 100% it does not work. On the Ipad the galery seems to move down page, even at 100%. So I put it back at 35%. Unfortunally :( because both sizes don't seem to work.

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

Re: SV_2.3.1. is not working on Ipad/iphone = out of shape

Currently, you have two galleries, each with dimensions 35% x 55% embedded within a single <td> element (with a fixed width and height) in a table.
Try putting each gallery in an individual <td> element, set the size of the <td> element as required and set the gallery's dimensions to 100% x 100% (or specify the gallery's dimensions as fixed pixel values).
Alternatively, you could try laying out you page with CSS rather than using a <table>.

Steven Speirs
SimpleViewer Support Team