More info
The problem is with all the gallery pages,
link
I have a gallery embedded within the main content div-
here is the css for the gallery-
#gallery{
width:876px;
height:500px;
}
#even_bigger {
text-align:center;
border: 2px solid #cccccc;
width: 600px;
height:500px;
margin-left: 272px;
}
#bigger_thumbs {
text-align:center;
border: 2px solid #cccccc;
position:absolute;
width:230px;
height:500px;
margin:0 auto;
}
#thumbs {
position:absolute;
width: 230px;
height:400px;
padding-top: 20%;
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
}
#big_photo {
position:absolute;
width:600px;
height:400px;
margin-top: 0;
margin-right: auto;
margin-bottom: 0;
margin-left: auto;
padding-top: 5%;
}
And here is the css for the main template-
/**Galleries Main Template**/
html {
height: 100%;
margin-bottom: 0px;
}
form {
margin: 0;
padding: 0;
}
img,table {
vertical-align:middle;
border: none;
}
body {
font-family:Tahoma;
line-height: 1.3em;
padding: 0;
font-size: 12px;
color: #333;
background-color: #FFFFFF;
text-align: center;
}
body.contentpane {
text-align:center;
background-color: #FFFFFF;
}
a:link, a:visited {
text-decoration: underline;
font-weight: normal;
color: #555;
}
a:hover {
text-decoration: none;
font-weight: normal;
color: #333;
}
input.button, .validate {
color: #333;
font-size: 10px;
border: 1px solid #555;
}
.search input.button {
text-align: right;
}
input.button:hover, .validate:hover {
}
p {
margin-top: 0;
margin-bottom: 5px;
text-align: justify;
}
.inputbox {
border: 1px solid #555;
color: #333;
padding: 2px;
}
.inputbox:hover {
}
/*****************************************/
/*** Template specific layout elements ***/
/*****************************************/
#page_bg {
padding: 0;
background-color: #FFFFFF;
}
div#wrapper {
margin: auto;
width: 876px;
background: #FFFFFF;
}
#top {
width: 876px;
height: 10px;
margin: 0 auto;
padding: 10px 0 0 16px;
background:url(../images/topbg.jpg) bottom center no-repeat;
}
#header {
width: 876px;
height: 80px;
background: url(../images/header.jpg) top center no-repeat;
margin: 0 auto;
}
#content {
text-align:left;
width: 876px;
margin: auto;
padding:0px;
}
#top_cont_bg {
}
#content_bottom {
width: 876px;
height: 10px;
}
#logo {
padding: 36px 0 0 0;
text-align: left;
margin: 0 auto;
width: 840px;
}
#logo a, #logo a:link, #logo a:hover {
font-weight: bold;
font-family:Tahoma;
font-size: 25px;
padding: 0;
margin: 0;
letter-spacing: 1px;
color: #000000;
text-decoration: none;
outline: none;
line-height: 36px;
}
div#maincolumn {
text-align:left;
width: 876px;
height: 500px;
margin-right: auto;
margin-left: auto;
}
td.middle_pad {
}
#banner_l {
text-align: left;
padding: 0 0 0 24px;
}
#footer {
margin: 0 auto;
width: 876px;
height: 47px;
text-align: center;
vertical-align: top;
padding-bottom: 10px;
background: url(../images/footerbg.jpg) top center;
}
#footer p {
height: 20px;
text-align: right;
padding: 10px 30px 0 0;
color: #999999;
}
Thank you so much for any help-
