Topic: SimpleViewer pushes page down

I am trying to solve this problem for a couple of days now but i can't figure out what the solution is. I have a menu at the left and the content at the right. As soon as i display a gallery the menu is pushed down and this happens only when i display a gallery. It seems that this is caused by something in simpleviewer.css but i can't find the solution. The content of my css is:

html, body { margin-top: 10px; height: 100%; overflow: visible; }
body {           
  margin: 0;
  margin-top: 10px;
  padding: 0;
  background-color: #fff;
  color: #333;
  font: 12px Arial, Helvetica, sans-serif;
  line-height: 18px;       
}

a {   
  color: #337810;;
}

object {
  border: 0;
  width: 100%;
  height: 600px;
  border-style: none;
  }
 
#start {
  text-align: center;
  margin-top: 30px;
  }
 
#start p {
  text-align: center;
  }
 
#navigation {
  text-align: center;
  background-color: #fff;
  width: 10%;
  padding: 80px 0;
  float: left;
}

#navigation img {
  width: 75px;
  height: 100px;
  border: 0;
  }
 
#navigation img.contact {
  width: 40px;
  height: 30px;
  border: 0;
  margin-top:40px;
  }
 
#wrapper {
  margin: 0 0 0 200px;
  background-color: #fff;
  float: right;
  width: 100%;
  margin-left: -33%;
}

#content {
  margin-left: 15%;
  }
 
#footer {
  text-align: center;
  background: #fff;
  color: #222;
  width: 100%;
  height: 20px;
  padding: 10px 0;
  position: absolute;
  bottom: 0;
  left: 0;
}

#footer a {
  color: #000000;
  }
 
#footer    p {
  color: #000000;
  margin: 0;
  padding: 0 18px 10px;
  font-size:1.1em;
  text-align: center;
  }
 
#footer ul {
  text-align: left;
  border-bottom: 1px solid #555;
  list-style: none;
  margin: 0 18px 6px;
  padding: 10px 0 6px;
  }
 
#footer li {
  color: #000000;
  display: inline;
  font-size: 11px;
  font-weight: bold;
  padding-right: 5px
  }
 
#footer .info {
  font-size:0.9em;
  margin-left: 100px;
  float:right;
  }

Maybe somebody knows the answer to my problem.

regards, Piet Rietveld

Re: SimpleViewer pushes page down

Please post the URL to your web page so that we can take a look.

Steven Speirs
SimpleViewer Support Team.

Re: SimpleViewer pushes page down

Steven, the URL is www.lilydebruijn.nl
The menu is left (pictures); the second and third pictures are the simpleviewer galleries.

Re: SimpleViewer pushes page down

Your gallery pages each have two instances of the following code which your non-gallery page does not have.

<h2>&nbsp;</h2>

Remove these lines from your gallery pages and your menus (and galleries) will move up their respective pages and align with your non-gallery page.

Steven Speirs
SimpleViewer Support Team.