The Web Design Group

... Making the Web accessible to all.

Welcome Guest ( Log In | Register )

 
Reply to this topicStart new topic
> Body/footer background css structure
mmett22
post Mar 31 2012, 03:56 PM
Post #1





Group: Members
Posts: 1
Joined: 31-March 12
Member No.: 16,826




I am building my first site and having trouble figuring out the best structure in regards to the body and footer backgrounds.

Basically, I have multiple pages that have content in varying heights. The header has a top image and black horizontal rule, the body should be white, and the footer should be black. I thought I could have one background image and then use a white wrapper over the content in the body -- but i can't get the wrapper to extend left of the content.

Here's the page I'm having trouble with:
http://qa.spotcointeractive.com/marc/about.html

Is it possible to make that white wrapper extend the full width of the browser view?

I also tried separating out the header image and making the background of the entire page white in hopes of making just the footer black, but I can't seem to extend the background image (or just black color) outside of the container.

Here's a messy test of that:
http://qa.spotcointeractive.com/marc/test/about.html

Any advice or help here would be greatly appreciated!!
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
Darin McGrew
post Apr 1 2012, 01:05 PM
Post #2


WDG Member
********

Group: Root Admin
Posts: 8,365
Joined: 4-August 06
From: Mountain View, CA
Member No.: 3



In your first example, you've specified a width of 940px for div#wrapper so that's as far as its white background will extend. If you want the white background to be full width, then you'll need to put div#wrapper inside another element that extends the full width of the display area, and specify the white background for that element.

Your second example returns 404 Not Found.
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post

Reply to this topicStart new topic
1 User(s) are reading this topic (1 Guests and 0 Anonymous Users)
0 Members:

 



- Lo-Fi Version Time is now: 29th March 2024 - 06:22 AM