Forum Moderators: not2easy
For some reason when you click from page to page the entire site shifts slightly and I'm not sure why. I think it has something to do with height: 100%; on my #main div. Any help is much appreciated! My CSS is below. Thanks!
/* CSS Document */
body {
background-image: url(images/background_main.gif);
background-position: top;
background-repeat: no-repeat;
background-attachment: scroll;
position: relative;
margin: 0;
padding: 0;
text-align: center;
border: 0;
}
h1 {
color: #3b0e66;
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
}
h2 {
margin: 0;
padding: 0;
}
ul {
padding: 0;
margin: 0;
}
li {
padding: 0;
margin: 0;
}
a:link {
color: #8ee15a;
text-decoration: underline;
}
a:visited {
color: #8ee15a;
text-decoration: none;
}
a:hover {
color: #3b0e66;
text-decoration: none;
}
#container {
margin-top: -94px;
margin-left: auto;
margin-right: auto;
text-align: left;
width: 852px;
position: relative;
left: 27px;
background-image: url(images/shadow1.png);
background-position: bottom;
background-repeat: no-repeat;
height: 100%;
}
#header {
width: 814px;
height: 83px;
background-image: url(images/header.png);
background-repeat: no-repeat;
float: left;
padding: 0;
margin: 0;
}
#littlenav {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
float: right;
position: relative;
top: 34px;
left: -10px;
}
/* fix for IE7 */
*:first-child+html #littlenav {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
float: right;
position: relative;
top: 45px;
left: -10px;
}
#littlenav a {
text-decoration: none;
color: #3b0e66;
}
#littlenav a:hover {
text-decoration: underline;
}
#nwlogo {
background-image: url(images/nw_logo.png);
background-repeat: no-repeat;
width: 169px;
height: 170px;
position: relative;
top: 115px;
left: -43px;
}
#main_hm {
width: 796px;
height: 100%;
position: relative;
background-color: white;
border-left: 1px solid #e3e3e3;
border-right: 1px solid #e3e3e3;
border-bottom: 1px solid #e3e3e3;
float: left;
background-image: url(images/home_img.jpg);
background-repeat: no-repeat;
}
#main {
width: 796px;
height: 100%;
position: relative;
background-color: white;
border-left: 1px solid #e3e3e3;
border-right: 1px solid #e3e3e3;
border-bottom: 1px solid #e3e3e3;
float: left;
background-image: url(images/main_bg.jpg);
background-repeat: repeat;
margin: 0;
padding: 0;
}
#form {
padding-bottom: 100px;
position: relative;
top: 35px;
left: 145px;
float: left;
}
#form p {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #3b0e66;
line-height: 50px;
text-align: right;
}
#form h1 {
margin-left: 48px;
}
.formfield {
margin-left: 10px;
width: 250px;
}
fieldset {
border: 4px solid #e3e3e2;
width: 757px;
float: left;
margin: 475px 0 45px 15px;
padding: 0;
}
/* IE7 fix */
*:first-child+html fieldset {
border: 4px solid #e3e3e2;
width: 757px;
float: left;
margin: 540px 0 0 15px;
padding: 0;
position: relative;
top: -45px;
}
legend {
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 11px;
background-color: #3b0e66;
color: #ffffff;
margin-left: 305px;
padding: 2px 5px 4px 5px;
}
.featured {
float: left;
margin: 15px 0 0 22px;
padding-bottom: 30px;
border-style: none;
}
#nav {
padding-left: 0;
list-style: none;
margin: 0;
background-color: #cecfce;
width: 798px;
float: left;
}
#nav li {
font-family: Arial, Helvetica, sans-serif;
color: #3b0e66;
font-weight: bold;
font-size: 13px;
margin: 0;
padding: 0;
float: left;
}
#nav a {
float: left;
display: block;
margin: 0;
padding: 8px 14px 10px 14px;
text-decoration: none;
border-left: 2px groove #e3e3e3;
color: #3b0e66;
background-image: url(images/nav_grad.png);
background-repeat: repeat-x;
background-position: top left;
}
#list {
margin-left: 106px;
}
#nav a:hover, #aboutpage #about a, #businesspage #part a, #currentpage #current a, #newspage #news a, #becomepage #become a {
color: #3b0e66;
background-color: #CCC;
background-image: url(images/nav_grad_wt.png);
background-repeat: repeat-x;
background-position: top left;
}
#footer {
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
color: #999;
clear: both;
text-align: center;
position: relative;
left: -27px;
padding: 25px 0 0 0;
}
#footer a {
color: #999;
text-decoration: none;
}
#footer a:hover {
color: #999;
text-decoration: underline;
}
/* footer fix for IE7 */
*:first-child+html #footer {
height: 1%;
}
#subheader {
background-image: url(images/subheader_bg.png);
background-repeat: repeat-x;
width: 796px;
height: 51px;
float: left;
}
#subheader img {
margin: 17px 0 0 20px;
}
.subimg {
border: 6px solid white;
width: 311px;
height: 203px;
float: right;
margin: -35px 0 0 20px;
display: block;
}
#aboutcontent {
margin: 10px 20px 0 25px;
padding-bottom: 75px;
float: left;
}
#aboutcontent p {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
text-align: justify;
color: #3b0e66;
line-height: 24px;
}
.participants {
width: 756px;
float: left;
border-top: #ccc dotted 1px;
margin: 20px 0 5px 20px;
}
.partleft {
float: left;
margin: 6px 0 0 0;
}
.partcenter {
float: left;
margin: 6px 0 0 73px;
}
.partright {
float: right;
margin: 6px 0 0 0;
}
.participants a:link img {
border: 2px solid #8ee15a;
}
.participants a:visited img {
border: 2px solid #8ee15a;
}
.participants a:hover img {
border: 2px solid #3b0e66;
}
/* Begin styles for Current Offers page */
#currentoffers {
list-style: none;
width: 780px;
height: 600px;
float: right;
margin-right: 5px;
margin-top: 10px;
}
#currentoffers li {
display: inline;
margin-right: 15px;
}
#currentoffers img {
border: none;
}
[edited by: swa66 at 11:25 pm (utc) on July 15, 2009]
[edit reason] No URLs, pleae see ToS and forum charter [/edit]
dc
