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