PDA

View Full Version : Repeat footer background only staying size of window +REP


Firehorse
23-10-2010, 10:37 PM
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!
LMS16
25-10-2010, 09:32 AM
make the bg image like 20px x 100px (example) then use background: url('link/to/image.jpg') repeat-x;

Lew.
Firehorse
25-10-2010, 08:23 PM
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.
LMS16
26-10-2010, 06:55 AM
Post the css?

Maybe a little more helpful.

Thanks, Lew.
MattFr
26-10-2010, 09:10 AM
try putting width: 100% into your body and into the html selector
Firehorse
26-10-2010, 09:43 AM
.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;
}

Start of the html:


<body><center>
<div class="sitebackground"><div class="footerbackground">

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?
Firehorse
26-10-2010, 10:03 AM
(Slaps self round face)

Ok I fixed it by adding a min width value. +rep to you guys if I can.

Want to hide these adverts? Register an account for free!