Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS [Solved] Appying background to floating divs Re: [Solved] Appying background to floating divs

#77146
virtual
Participant

You should not need absolute positioning for the #container and it has to have a width, and if you want it centered in the browser, write the css like this:

Code:
#container {
width: 1022px;
margin: 0 auto;
}

#header {
background: url(navigation/ridgesTop.png) no-repeat;
}

#content_wrapper {
background: url(navigation/wrapperRepeat.png) repeat-y;
overflow: auto;
}

#content_left {
float : left;
margin-left : 37px;
width : 361px;
border:1px solid red; /*The border is just so you can visualise the div*/
}

#content_center {
float : left;
margin-left : 37px;
width : 272px;
border:1px solid blue; /*The border is just so you can visualise the div*/
}

#content_right {
float : left;
margin-left : 37px;
width : 272px;
border:1px solid green; /*The border is just so you can visualise the div*/
}

#footer {
background: url(navigation/ridgesBottom.png) no-repeat;
}