New Zenner
- Join Date:
- Aug 2009
- Location:
- Canada
- Posts:
- 42
- Plugin Contributions:
- 0
background image position
Hi there,
I hope this is right place to ask this question.
I am working on changing background of my ZenCart and I just realized that background is just right for the home page but height changes as I open other pages (width is fine). My background (1800 x 1800) has three colors across and second line is just positioned as same height as my navigation bar right under my header image (800 x 180). When I open other pages with longer content, the height of the background changes so that second/third lines go way lower and doesn't line up with the navbar.
Currently my stylesheet is set as below.
body {
margin: 5px 0;
font-family: verdana, arial, helvetica, sans-serif;
font-size: 58%;
color: #666666;
background-image: url(../images/muteki_background.gif);
background-position: center;
background-repeat: no-repeat;
}
/* Desert Noon Template Layout*/
/BOF Main Wrapper - Wraps the contents of the layout/
#mainWrapper {
margin: 0 auto;
background-color: #000000;
text-align: left;
width: 800px;
border: 1px solid #000000;
border-width: 0 1px 0 1px;
vertical-align: top;
}
/EOF Main Wrapper/
/BOF Header layout/
#headerWrapper {
margin: 0;
padding: 0;
}
Do I change the background-position to "relative"? Should I make background size bigger? :frusty:
I am newbie and I am not sure how to correctly set background without messing other stuff :blush: It will be great if someone could let me know how to set the background so that it stays same as I have it for the home page.
Thanks.
