Home › Forums › CSS › [Solved] Appying background to floating divs › Re: [Solved] Appying background to floating divs
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:
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;
}