Topic: SV gallery looks fine in Foxfire, but not in IE

Here is the page: http://www.folkwest.com/bluegrasscamps/gallery.html

Been working on learning how to do this all day. Was ecstatic that I actually got the galleries to show up; I was previewing the pages in Foxfire. I'm using Dreamweaver CS3 and I don't know HTML at all. I opened up my page accidentally in Internet Explorer and was dismayed to see that only a small sliver of the gallery is displayed in that browser. I checked all three of the pages I worked on (they ALL looked good in Foxfire) and they all look the same in IE - bad.

Here is the code from the editable part of the page:

<!-- #BeginLibraryItem "/Library/4cff_mailinglist.lbi" --><div id="box">
      <div id="box-top"></div>
         <div id="box-head">
           <div align="center">
             <span class="box-header">Join Our Mailing List</span></span>
          </div>
         </div>
        <div id="box-content"><center>
Keep up-to-date on FolkWest festivals: festival tickets, lineup announcements, schedules and more!<br />
            <br />
            <a href="https://www.vendini.com/ticket-software.html?j=5250025bc57c666fee9e8ac94e3263b1&t=join" onclick="window.open('https://www.vendini.com/ticket-software.html?j=5250025bc57c666fee9e8ac94e3263b1&t=join', 'order_window', 'scrollbars,width=611,height=510,status=yes,left='+((window.screen.width - 611)/2)+',top='+((window.screen.height - 510)/2.5)).focus();return false;" onMouseOver="window.status='Join Now!';return true;"     onMouseOut="window.status='';return true;" align="center"><img src="../images/join_now.jpg" alt="join mailing list" border="0"></a>
        </center>
        </div>
        <div id="box-bottom"></div>
    </div><!-- #EndLibraryItem --><p align="center" class="small"></p>
      <p align="left"><img src="../images/line.jpg" width="355" height="3" /></p>
      <h1 align="left"><strong>PHOTO Gallery</strong></h1>
      <p align="left"><img src="../images/line.jpg" width="355" height="3" /></p>
      <h2 align="left">2011 Pagosa Bluegrass Camp for Kids &amp; 2011 Pagosa Bluegrass Jam Camp<br />
        </h2>
      <p align="left">All photos by Michael Pierce Photography</p>
      <p align="left">&nbsp;</p>
      <p align="left">&nbsp;</p>
      <p align="left"><!--START SIMPLEVIEWER EMBED.-->
<script type="text/javascript" src="svcore/js/simpleviewer.js"></script>
<script type="text/javascript">
simpleviewer.ready(function () {
simpleviewer.load("sv-container", "100%", "100%", "transparent", true);
});
</script>
<div id="sv-container"></div>
<!-- END SIMPLEVIEWER EMBED --> 
</p>
      <p align="center">&nbsp;</p>
      <p align="center">&nbsp;</p>
      <p align="center">&nbsp;</p>
      <p align="center"><br />
      </p>
      <h3 align="center"><strong>For additional information, please call 1-877-472-4672.</strong></h3>
      <p align="center">&nbsp;</p>

Is this a known issue, or am I doing something terribly wrong? Is it related to the height setting? Should I create a table and put the gallery coding inside the table?

Re: SV gallery looks fine in Foxfire, but not in IE

Your gallery looks OK in IE9 on my PC (and in IE8 in IETester).
It seems to look as you described only in IE7.
Either:
(1) Try setting your gallery dimensions as absolute pixel values rather than percentages, eg. change:

simpleviewer.load("sv-container", "100%", "100%", "transparent", true);

... to:

simpleviewer.load("sv-container", "800", "600", "transparent", true);

... or:
(2) Make sure that all the parent containers of your gallery have heights specified via CSS, similar to the scenario described by this FAQ: http://simpleviewer.net/simpleviewer/su … ml#embed_7

Steven Speirs
SimpleViewer Support Team.

Re: SV gallery looks fine in Foxfire, but not in IE

Thanks, changing the values to "750" and "600" did the trick in IE7 - thanks! Now I'm going to start a new post for an issue I'm having with multiple galleries...