Still having issues.

This is my CSS file:

@charset "utf-8";

/* CSS Document */

#container {width: 966px;
            background: #fff;
            margin: 0 auto;
            padding-left: 10px;
            padding-right: 10px;
            overflow: hidden; 
}

h1 {
    font-family: merienda-one, serif;
    font-size: 60px;
    float: left;
    margin: 0;
    color: #66FF00;
}

#header {
    color: #FFF;
    background-color: #000;
    height: 100px;
    position: relative;
}

#footer {
    color: #FFF;
    background-color: #000;
    }

#gallery_content {
    background-color: #000;
    position: relative;
    margin: 0 auto;
    padding: 10px;
}

#header ul {
    margin: 0px;
    padding: 0px;
    list-style-type: none;
    position: absolute;
    right: 0px;
    bottom: 0px;
}

body {
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    color: #3b3b3b;
    background-color: #333;
    padding: 0px;
}
#header  a {
    font-size: 14px;
    font-weight: bold;
    font-variant: small-caps;
    color: #FFF;
    text-decoration: none;
    text-align: center;
    display: block;
    width: 100px;
}
#header ul li {
    float: left;
}
#header p {
    font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
    font-size: 18px;
    font-variant: small-caps;
    margin-top: 0px;
    margin-left: 0px;
    padding-top: 15px;
}

#left-column, #right-column {
    width: 474px;
    float: left;
    }

#right-column {
    margin-left: 17px;
}
#left-column p {
    font-size: 30px;
    font-variant: small-caps;
    background-color: #000;
    text-align: center;
    color: #FFF;
}
#right-column p {
    font-size: 30px;
    font-variant: small-caps;
    color: #FFF;
    text-align: center;
}


This is my html code:

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>It's Your Party - Home</title>
<script src="http://use.edgefonts.net/merienda-one.js"></script>
<link href="iyp_style_sheet.css" rel="stylesheet" type="text/css">
</head>

<body>
<div id="container">
  <div id="header">
    <h1>It's Your Party</h1>
    <p>The Finest in Event Planning</p>
    <ul>
      <li><a href="index.html">Home</a></li>
      <li><a href="about_us.html">About Us</a></li>
      <li><a href="services.html">Services</a></li>
      <li><a href="#">SlideShow</a></li>
      <li><a href="#">Contact Us</a></li>
    </ul>
  </div>
  <div id="gallery_content">
   <!--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%", "000000", true);
});
</script>
<div id="sv-container"></div>
<!-- END SIMPLEVIEWER EMBED -->
  </div>
  <div id="footer">&copy;2013 Web Development by Michael Slansky</div>
</div>
</body>
</html>

When I check my webpage in IE9 the gallery displays full size.  However, in Firefox and Chrome the gallery does not display full size.  The gallery is setup without thumbnails.  I am running the latest version of all browsers and flash.  Also javascript is enabled.

3

(1 replies, posted in SimpleViewer v2)

If my gallery opens a new browser window and the window is not maximized the gallery will size based upon the window size.  If I maximize the window and the reload the page, my gallery images get larger.  The opposite is true as well.  How can I maintain the image sizes regardless of the window size?

4

(2 replies, posted in SimpleViewer v2)

Got it working - thanks

5

(2 replies, posted in SimpleViewer v2)

Can someone tell me how to get the Gallery to position itself in the middle of the page so that my Header and Menus do not get overlaid?  No matter what I try the gallery is always at the top of the page.  I'm using Dreamweaver to build my site if that make a difference.