View Single Post
Old 10-16-2012, 12:22 AM   #1
Join Date: Oct 2010
Posts: 340
Default Problems with background

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-repeat: repeat;	
	background-repeat: repeat-x;
	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">
Attached Images
File Type: jpg divIssues.jpg (3.8 KB, 3 views)
tony09uk is offline   Reply With Quote