page size? Check out the logo on top of our web page, it shifts if you zoom in or out of the browser. I'm thinking it may be due to poor CSS code. Your help would be greatly appreciated.
We are using Wordpress as our CMS.
Here is part of the CSS:
/* static START */
* {
margin:0;
padding:0;
}
abbr[title], acronym[title] {
border-bottom:thin dotted;
cursor:help;
}
body {
background:#dddddb url(img/body-bg.jpg) repeat-x;
background-attachment:scroll;
background-position: center top;
color:#555;
font-family: Tahoma, Arial,"BitStream vera Sans",Helvetica,Sans-serif;
font-size:12px;
}
h1, h2, h3, h4, h5, h6 {
font-weight:bolder;
letter-spacing:-0.07em;
font-family:Arial;
}
h1 {font-size:200%;}
h2 {font-size:170%;}
h3 {font-size:150%;}
h4 {font-size:130%;}
h5 {font-size:110%;}
h6 {font-size:100%;}
img {
border:0;
}
img.sided {
background:#FFF;
border:1px solid #CCC;
padding:3px;
}
small {
font-size:10px;
}
a:hover img.sided {
border-color:#A6A6A6;
}
a {
color:#2970A6;
text-decoration:none;
}
a:hover {
text-decoration:underline;
}
.wp-caption {
background:#F7F7F7;
border:1px solid #CCC;
padding:5px 0;
margin-bottom:5px;
text-align:center;
}
.post .content .wp-caption p {
margin:0;
}
blockquote, pre {
background:#F4F5F7 url(img/blockquote.gif) 3px 3px no-repeat;
border:1px dashed #CCC;
padding:8px 12px 8px 36px;
margin:5px 0;
}
.more-link {
font-size:11px;
}
.alignleft {
float:left;
text-align:left;
margin-right:10px;
}
.alignright {
float:right;
text-align:right;
margin-left:10px;
}
.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}
.floatleft {
float:left;
}
.floatright {
float:right;
}
.left {
float:left;
margin-right:10px;
}
.right {
float:right;
margin-left:10px;
}
.fixed, .clear {
clear:both;
}
input.textfield,
textarea {
background:#FFF url(img/textfield.gif) top repeat-x;
border:1px solid #A6A6A6;
padding:2px 1px;
}
.boxcaption {
background:#E3E4E6 url(img/box.gif) 0 0 no-repeat;
padding:6px 12px;
border-bottom:1px solid #CCC;
}
.boxcaption h3 {
font-size:12px;
font-family:Verdana,"BitStream vera Sans";
letter-spacing:0em;
}
.box {
background:#F4F5F7 url(img/box.gif) 100% 100% no-repeat;
padding:8px 12px;
margin-bottom:10px;
}
.messagebox,
.errorbox {
background:#EDEFF0 url(img/messagebox.gif) no-repeat;
padding:0 12px;
height:27px;
line-height:27px;
font-size:11px;
}
.w3c {
color:#080;
font-size:10px;
}
/* static END */
/* layout START */
#wrap {
background:url(img/background-new.jpg)center no-repeat;
background-attachment:scroll;
background-position: center top;
padding:130px 0;
}
#container {
margin: auto;
width:936px;
}
/* layout END */
/* header START */
.logo-img {
display:block;
position:absolute;
left:485px;
top:28px;
}
#header {
background:url(img/the-header.jpg) 0 0 no-repeat;
height:175px;
padding:90px 0px 0px;
}
#caption {
height:100px;
padding:0px 0px 0px;
}
#title a {
text-decoration:none;
color:#FFF;
/*width:250px;*/
height:30px;
display:block;
font-family:"Arial";
letter-spacing:0;
}
/* image blog title */
/*
#title a {
background:url(img/title.gif) no-repeat;
text-decoration:none;
color:#FFF;
width:250px;
height:30px;
text-indent:-999em;
display:block;
}
*/
#tagline {
color:#FFF;
border-top:1px solid #FFF;
text-decoration:none;
font-size:10px;
float:left;
padding:100 3px;
}
#navigation {
margin:8px 0;
}
#menus li {
display:inline;
list-style:none;
}
#menus li a {
background:transparent url(img/menu.gif) no-repeat;
display:block;
color:#ffffff;
height:30px;
line-height:31px;
padding:5 10px;
margin-left:22px;
text-decoration:none;
font-size:14px;
font-weight: lighter;
text-transform: uppercase;
float:left;
z-index:1;
}
#menus li a:hover {
background-position:0 -31px;
color:#ff9933;
}
#menus li.current_page_item a,
#menus li.current-cat a {
background-position:0 -62px;
}
#menus li a.home {
background-position:0 -93px;
width:45px;
padding:0;
margin-left:0;
text-indent:-999em;
}
#menus li a.home:hover {
background-position:0 -124px;
}
#menus li.current_page_item a.home {
background-position:0 -155px;
}
#menus li a.lastmenu:hover {
background-position:0 0;
}
#searchbox {
width:280px;
float:right;
padding:4px 10px;
}
#searchbox .textfield {
line-height:16px;
width:180px;
float:right;
}
#searchbox .switcher {
background:url(img/icons.gif) 0 0 no-repeat;
float:right;
width:18px;
height:22px;
line-height:16px;
display:block;
text-indent:-999em;
padding:0 2px;
height:16px;
margin-top:3px;
}
/* header END */
/* submenu START */
#menus li ul {
display:none;
background:#f5a01a;
border:1px solid
Sorry. Forgot this www.pursolsolar.com
We are using Wordpress as our CMS.
Here is part of the CSS:
/* static START */
* {
margin:0;
padding:0;
}
abbr[title], acronym[title] {
border-bottom:thin dotted;
cursor:help;
}
body {
background:#dddddb url(img/body-bg.jpg) repeat-x;
background-attachment:scroll;
background-position: center top;
color:#555;
font-family: Tahoma, Arial,"BitStream vera Sans",Helvetica,Sans-serif;
font-size:12px;
}
h1, h2, h3, h4, h5, h6 {
font-weight:bolder;
letter-spacing:-0.07em;
font-family:Arial;
}
h1 {font-size:200%;}
h2 {font-size:170%;}
h3 {font-size:150%;}
h4 {font-size:130%;}
h5 {font-size:110%;}
h6 {font-size:100%;}
img {
border:0;
}
img.sided {
background:#FFF;
border:1px solid #CCC;
padding:3px;
}
small {
font-size:10px;
}
a:hover img.sided {
border-color:#A6A6A6;
}
a {
color:#2970A6;
text-decoration:none;
}
a:hover {
text-decoration:underline;
}
.wp-caption {
background:#F7F7F7;
border:1px solid #CCC;
padding:5px 0;
margin-bottom:5px;
text-align:center;
}
.post .content .wp-caption p {
margin:0;
}
blockquote, pre {
background:#F4F5F7 url(img/blockquote.gif) 3px 3px no-repeat;
border:1px dashed #CCC;
padding:8px 12px 8px 36px;
margin:5px 0;
}
.more-link {
font-size:11px;
}
.alignleft {
float:left;
text-align:left;
margin-right:10px;
}
.alignright {
float:right;
text-align:right;
margin-left:10px;
}
.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}
.floatleft {
float:left;
}
.floatright {
float:right;
}
.left {
float:left;
margin-right:10px;
}
.right {
float:right;
margin-left:10px;
}
.fixed, .clear {
clear:both;
}
input.textfield,
textarea {
background:#FFF url(img/textfield.gif) top repeat-x;
border:1px solid #A6A6A6;
padding:2px 1px;
}
.boxcaption {
background:#E3E4E6 url(img/box.gif) 0 0 no-repeat;
padding:6px 12px;
border-bottom:1px solid #CCC;
}
.boxcaption h3 {
font-size:12px;
font-family:Verdana,"BitStream vera Sans";
letter-spacing:0em;
}
.box {
background:#F4F5F7 url(img/box.gif) 100% 100% no-repeat;
padding:8px 12px;
margin-bottom:10px;
}
.messagebox,
.errorbox {
background:#EDEFF0 url(img/messagebox.gif) no-repeat;
padding:0 12px;
height:27px;
line-height:27px;
font-size:11px;
}
.w3c {
color:#080;
font-size:10px;
}
/* static END */
/* layout START */
#wrap {
background:url(img/background-new.jpg)center no-repeat;
background-attachment:scroll;
background-position: center top;
padding:130px 0;
}
#container {
margin: auto;
width:936px;
}
/* layout END */
/* header START */
.logo-img {
display:block;
position:absolute;
left:485px;
top:28px;
}
#header {
background:url(img/the-header.jpg) 0 0 no-repeat;
height:175px;
padding:90px 0px 0px;
}
#caption {
height:100px;
padding:0px 0px 0px;
}
#title a {
text-decoration:none;
color:#FFF;
/*width:250px;*/
height:30px;
display:block;
font-family:"Arial";
letter-spacing:0;
}
/* image blog title */
/*
#title a {
background:url(img/title.gif) no-repeat;
text-decoration:none;
color:#FFF;
width:250px;
height:30px;
text-indent:-999em;
display:block;
}
*/
#tagline {
color:#FFF;
border-top:1px solid #FFF;
text-decoration:none;
font-size:10px;
float:left;
padding:100 3px;
}
#navigation {
margin:8px 0;
}
#menus li {
display:inline;
list-style:none;
}
#menus li a {
background:transparent url(img/menu.gif) no-repeat;
display:block;
color:#ffffff;
height:30px;
line-height:31px;
padding:5 10px;
margin-left:22px;
text-decoration:none;
font-size:14px;
font-weight: lighter;
text-transform: uppercase;
float:left;
z-index:1;
}
#menus li a:hover {
background-position:0 -31px;
color:#ff9933;
}
#menus li.current_page_item a,
#menus li.current-cat a {
background-position:0 -62px;
}
#menus li a.home {
background-position:0 -93px;
width:45px;
padding:0;
margin-left:0;
text-indent:-999em;
}
#menus li a.home:hover {
background-position:0 -124px;
}
#menus li.current_page_item a.home {
background-position:0 -155px;
}
#menus li a.lastmenu:hover {
background-position:0 0;
}
#searchbox {
width:280px;
float:right;
padding:4px 10px;
}
#searchbox .textfield {
line-height:16px;
width:180px;
float:right;
}
#searchbox .switcher {
background:url(img/icons.gif) 0 0 no-repeat;
float:right;
width:18px;
height:22px;
line-height:16px;
display:block;
text-indent:-999em;
padding:0 2px;
height:16px;
margin-top:3px;
}
/* header END */
/* submenu START */
#menus li ul {
display:none;
background:#f5a01a;
border:1px solid
Sorry. Forgot this www.pursolsolar.com