• Registered: 2012-11-17
  • Posts: 7

Topic: IPAD Problem with multiple lines of thumbnails

IPAD Problem with multiple lines of thumbnails
When one of my galleries has multiple lines it only show the first line of thumb nails
If you click on this I pad simulator you can see what I mean.

http://ipadpeek.com/

Go to www.raftercrosshomes.com

Click on galleries and open the first gallery

All help would be appreciated

  • Registered: 2012-04-24
  • Posts: 5,906

Re: IPAD Problem with multiple lines of thumbnails

It looks like the bottom of your Juicebox gallery is being obscured by the 'footer3' div on your web page (and the second row of thumbnails is being displayed by Juicebox but is hidden from view).
Check the CSS heights of all containers on your web page and make sure that everything add up correctly to see if this helps solve your problem.

  • Registered: 2012-11-17
  • Posts: 7

Re: IPAD Problem with multiple lines of thumbnails

I removed all the footers divs and I'm still having the same problem.





<body>
<div id="Container">
  <div id="background">
    <div id="banner">
      <div align="right"><img src="imagesforwebsite/header.gif" alt="Rafter Cross Homes" width="648" height="127" align="left" /><span class="style4"><br />
        Office: 806-622-5031<br />
        Cell: 806-679-7989<br />
        14785 S Georgia St<br />
        Amarillo,  TX 79118 April@raftercrosshomes.com</span><br />
      </div>
    </div><!--banner -->
    <div id="nav">
      <ul class="style2 style6">
        <li><a href="index.html">Home</a></li>
        <li><a href="RCH_forsale.html">For Sale </a></li>
        <li><a href="RCH_Custom.html">Custom Built Homes</a></li>
        <li><a href="RafterCrossAdvantages.html">Rafter Cross Advantage</a></li>
        <li><a href="RCH_gallery.html">Gallery</a></li>
        <li><a href="RCH_contactus.html">Contact Us</a></li>
      </ul>
    </div><!--nav -->
    <div id="master"><!--START JUICEBOX EMBED-->
<script

src="jb3303spokane/jbcore/juicebox.js"></script>
<script>
  new juicebox({
      containerId : 'juicebox-container',
      baseUrl : 'jb3303spokane/',
  });
  </script>
<div id="juicebox-container"></div>
<!--END JUICEBOX EMBED-->
    </div><!--master -->
  </div><!--background -->
 
  <div class="style29" id="SpecialMsg"></div>
  <!--specailmsg -->
</div>
<!--Close Container -->

</body>
</html>

  • Registered: 2012-04-24
  • Posts: 5,906

Re: IPAD Problem with multiple lines of thumbnails

Make sure that all the container's of your gallery have heights specified via CSS.
Your gallery is currently nested within the 'Container', 'background' and 'master' divs but only the 'Container' div has been given a height.
For example, try adding the following code to the CSS section of your web page:

#background, #master {
    height: 100%;
}
  • Registered: 2012-11-17
  • Posts: 7

Re: IPAD Problem with multiple lines of thumbnails

Steven   You are a genius !!  Thanks for your help