Printable View
So I have this problem with a footer background where I have put the size 100%. But when the window is smaller than the width of the site (or some screen resolutions) it doesn't repeat when the screen scrolls right. I have the same repeat for a header background which works fine so I have no idea why this is happening.
+rep to anyone who helps me solve this problem!
make the bg image like 20px x 100px (example) then use background: url('link/to/image.jpg') repeat-x;
Lew.
The bg image is already a thin strip and repeats x, it's a div background if that helps and the div is what I gave the 100% width value to.Quote:
Originally Posted by Lewiie15
Post the css?
Maybe a little more helpful.
Thanks, Lew.
try putting width: 100% into your body and into the html selector
Start of the html:Code:.footerbackground {
background-image:url(../images/footer-repeat_06.png);
background-repeat:repeat-x;
width: 100%;
background-position:bottom;
}
.footer {
height: 111px;
width: 1104px;
margin-left: auto;
margin-right: auto;
}
#innerfooter {
width: 900px;
height: 100%;
margin-left: 102px;
text-align: left;
text-shadow: 1px 1px 0px #000000;
}
So the footer div is inside the other background div, would this be whats causing it? And if it is how can I merge them while keeping the header at the top and footer at the bottom?HTML Code:<body><center>
<div class="sitebackground"><div class="footerbackground">
(Slaps self round face)
Ok I fixed it by adding a min width value. +rep to you guys if I can.