PDA

View Full Version : How to get background to stop at end of footer with CSS?


markthedoc
11-20-2006, 01:21 PM
Hi

I've got a problem with my css code.
How do I get my browser window to stop after my footer?
I've got a background in my body tag repeating down which continues after my footer, but I want it to stop so u can't see it after the bottom of the footer.
http://www.positivewebdesign.net/home

Any help gratefully received.

Cheers

davidj
11-20-2006, 01:29 PM
hi mark

do you want the css image to stop after the footer? >>


body {
background-image: url(Images/15web.jpg);
background-repeat: no-repeat;
}


or the browser to be a fixed size so it stops after the footer

if this is the case we need to discuss this further

domedia
11-20-2006, 01:39 PM
Mark, move the background image from being applied to the BODY tag to your wrapper.

In other words, move this line:

background-image: url(images/positive_background.gif);

From you BODY CSS rule, to your #wrapper CSS rule.

markthedoc
11-20-2006, 01:54 PM
Cheers for the advice fellas.
Sorry, I don't think I made myself very clear what it is I'm trying to achieve.
Cos I've got a drop shadow either side of the content I would need the browser to stop at the end of the footer. So the footer would kinda be bolted to the bottom of the browser window. Does that make sense?!

domedia
11-20-2006, 02:39 PM
Cos I've got a drop shadow either side of the content I would need the browser to stop at the end of the footer. So the footer would kinda be bolted to the bottom of the browser window. Does that make sense?!
No-can-do kangaroo. Just leave the natural space after your footer, per my suggestion above, which is pretty normal anyways.