LiveWire Network Peer Answers Peer Support Teen Forums Tech Forums College Forums 629 users online 223036 members 1272 active today Advertise Here Sign In
TeenCollegeTechPhotos | Quizzes | LiveSecret | Memberlist | Dictionary | News | FAQ
Member Spotlight
glamm
Cool Things: everything lol
Mood: Silly
You have 1 new message.
Emergency Help
Until you sign up you can't do much. Yes, it's free.

Sign Up Now
Membername:
Password:
Already have an account?
Invite Friends
Active Members
Groups
Contests
Moderators
3 online / 56 MPM
Fresh Topics
  LiveWire / Technical Forums / Web Design & Search Engine Optimization / Viewing Topic

CSS (Seperate Backgrounds??)
HALP
Replies: 7Last Post July 2 7:11am by JamesBrauman
Welcome to LiveWire!
We're Stronger Together.
Join the Community
Single page for this topic Email Print Favorite
( awesome10 )


Wealthy Hobo

Tech Support Leader
Reply
Okay so i've got a website and i have the body aligned in the center to 1000px. How can i make the 1000px body background colour be one colour and then the two empty spaces on both sides of it to be another colour?

Here is a picture of what my website is like:

|C2|  C1  |C2|
|C2|  C1  |C2|
|C2|  C1  |C2|

C1 = Body (aligned to 1000px), I want the background colour of this to be White.

C2 = blank spaces on sides of the body, i want this to be black.

How can i do this? is there any css code for this?

-------
FREE LOCKERZ.COM INVITES - 100% FREE


6:44 am on July 2, 2009 | Joined: Jan. 2009 | Days Active: 210
Join to learn more about awesome10 Australia | Asexual Male | Posts: 2,016 | Points: 5,085
LiveWire Humor
JamesBrauman


Connoisseur
Reply
Don't do that at all, you're not supposed to align the body. What you need are div's. Div's are basically containing blocks, used all throughout CSS. Like everywhere. I'll write you some sample code hold on, stay on lol.

7:00 am on July 2, 2009 | Joined: Nov. 2005 | Days Active: 202
Join to learn more about JamesBrauman Australia | Straight Male | Posts: 5,770 | Points: 7,652
JamesBrauman


Connoisseur
Reply
So your html would look like this:
Code:

<html>
 <head></head
 <body>
   <div id="container">
   ...
   </div>
 </body>
</html>

And your css would look like this:
Code:

body {
 background: black;
}

#container {
 width: 1000px;
 margin: 0 auto;
 height: 1000px;  // For example purposes
 background: white;
}


7:03 am on July 2, 2009 | Joined: Nov. 2005 | Days Active: 202
Join to learn more about JamesBrauman Australia | Straight Male | Posts: 5,770 | Points: 7,652
Narfled the Garthok


Visionary
Reply
Dude above gave you all the css you need :P

Post edited at 7:05 am on July 2, 2009 by Narfled the Garthok

-------
I love dick


7:04 am on July 2, 2009 | Joined: Sep. 2008 | Days Active: 294
Join to learn more about Narfled the Garthok Virginia, United States | Straight Male | Posts: 5,910 | Points: 8,482
JamesBrauman


Connoisseur
Reply
Sorry if that doesnt make sense I'm a bit high.

7:04 am on July 2, 2009 | Joined: Nov. 2005 | Days Active: 202
Join to learn more about JamesBrauman Australia | Straight Male | Posts: 5,770 | Points: 7,652
JamesBrauman


Connoisseur
Reply
Quote: from Narfled the Garthok at 7:04 am on July 2, 2009

Dude above gave you all the css you need :P

I'm an awesome dude.

7:06 am on July 2, 2009 | Joined: Nov. 2005 | Days Active: 202
Join to learn more about JamesBrauman Australia | Straight Male | Posts: 5,770 | Points: 7,652
( awesome10 )


Wealthy Hobo

Tech Support Leader
Reply
Thanks man! ill try it out and get back to you =]

-------
FREE LOCKERZ.COM INVITES - 100% FREE

7:07 am on July 2, 2009 | Joined: Jan. 2009 | Days Active: 210
Join to learn more about awesome10 Australia | Asexual Male | Posts: 2,016 | Points: 5,085
JamesBrauman


Connoisseur
Reply
No problems

7:11 am on July 2, 2009 | Joined: Nov. 2005 | Days Active: 202
Join to learn more about JamesBrauman Australia | Straight Male | Posts: 5,770 | Points: 7,652
Single page for this topic Email Print Favorite

Quick Reply

You are signed in as our guest.

Looking for something else?
 

  LiveWire / Technical Forums / Web Design & Search Engine Optimization / Viewing Topic