Background colour for main div

**sivlock** · 03-13-2009, 12:14 PM

What im trying to do is keep the main content and every div within the main div white without having to set the background colour white to each floating div, any help people? Cheers. Code below

<body>
<div id="container">
<div id="left_header">IMAGE HERE</div>
<div id="right_header">IMAGE HERE</div>
</div>
</body>

body {
margin: 0;
padding: 0;
text-align: center;
background-image: url(images/background.jpg);
}
#container {
width: 875px;
text-align: left;
background-color: #FFFFFF;
margin-top: 0;
margin-right: auto;
margin-bottom: 0;
margin-left: auto;
} #left_header {
width: 207px;
float: left;
}
#right_header {
width: 668px;
float: right;
}

**Snookerman** · 03-13-2009, 01:18 PM

Add this to your CSS code:

Code:

#container {
width: 875px;
text-align: left;
background-color: #FFFFFF;
margin-top: 0;
margin-right: auto;
margin-bottom: 0;
margin-left: auto;
overflow: hidden;
}

Good luck!

**sivlock** · 03-13-2009, 02:33 PM

Thanks that works quite nicely although I have actually opted to use a small 1pixel image to fill the space below so the container recognizes there's something in it.

**Snookerman** · 03-13-2009, 04:04 PM

Do you mean a spacer gif? That is really not recommended.

**sivlock** · 03-13-2009, 04:07 PM

yeah whys that then?

**Schmoopy** · 03-13-2009, 04:08 PM

Yes, spacer gifs were something people used to have to put in if they used tables for layout, with CSS you really shouldn't need to have them.

**sivlock** · 03-13-2009, 04:27 PM

Yeah i see what you mean and works better with the css. Im just starting out using divs and css before I used to use some tables too but i never used spacer gifs.

Thread: Background colour for main div

Thread Tools

Search Thread

Background colour for main div

Thanks

The Following User Says Thank You to Snookerman For This Useful Post:

Bookmarks

Bookmarks

Posting Permissions