PDA

View Full Version : Problems with background


tony09uk
10-16-2012, 01:22 AM
http://www.dreamweaverclub.com/forum/attachment.php?attachmentid=1038&stc=1&d=1350346206

The image I have posted shows how the background in my footer section stops (the blue bit at the bottom right of the picture is what I need to carry on - sorry its not to clear), I want it to repeat across the whole page though. I understand that footer is held within a wrapper and that wrapper is limited to a maximum pixel size, which in turn stops the footer background from carrying on. But how do I get around this issue?



html {
background-image:url(../images/bgTextures/texture.jpg);
background-repeat: repeat;
}
body{
background-image:url(../images/bgTextures/headbg.jpg);
background-repeat: repeat-x;
}
#wrapper{
max-width: 1200px;
margin: 0 auto;
width: 100%;
}
footer {
position: relative;
background-image: url(../images/bgTextures/bgfoot.jpg);
background-repeat: repeat-x;
min-height: 130px;
}


<div id="wrapper">
<footer>
<!--text-->
</footer>
</div>

gentleone
10-16-2012, 11:13 AM
Place the footer outside the wrapper and give it the same width and margin as wrapper.