logo-dw

Go Back   Dreamweaver Club Forums > Hand Coders Forum > HTML and CSS
Register FAQ Members List Search Today's Posts Mark Forums Read

Reply
 
Thread Tools Display Modes
Old 10-16-2012, 01:22 AM   #1
tony09uk
 
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?


Code:
        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>
Attached Images
File Type: jpg divIssues.jpg (3.8 KB, 3 views)
tony09uk is offline   Reply With Quote
Old 10-16-2012, 11:13 AM   #2
gentleone
gentleone's Avatar
 
Join Date: Nov 2009
Location: Rhodes, Greece
Posts: 2,837
Default

Place the footer outside the wrapper and give it the same width and margin as wrapper.
__________________
www.gentlemedia.nl
gentleone is offline   Reply With Quote
Reply


Thread Tools
Display Modes

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off

Forum Jump


All times are GMT. The time now is 09:37 PM.


Powered by vBulletin® Version 3.8.7
Copyright ©2000 - 2017, vBulletin Solutions, Inc.
Copyright 2006 DreamweaverClub.com