# DIV background

**URL:** <https://forum.kirupa.com/t/div-background/284269>\
**Category:** web dev\
**Created:** [March 17, 2009, 1:07pm UTC](https://forum.kirupa.com/t/div-background/284269 "2009-03-17T13:07:50Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![jeancnicolas](https://avatars.discourse-cdn.com/v4/letter/j/7bcc69/32.png) [@jeancnicolas](https://forum.kirupa.com/u/jeancnicolas)\
**Post date:** [March 17, 2009, 1:07pm UTC](https://forum.kirupa.com/t/div-background/284269/1 "2009-03-17T13:07:50Z")

</div>

Hi … before I shoot myself, I have made a DIV with a coloured Background. Inside this Div are two Floating DIVs ([one floats left, width:50%],[the other one floats Right, width:50%]). Great.  
I dont want my text (in the two floating Divs) to just float… I want the background of the containing Div to adjust to their height, so that it has a filled background!  
What Am I doing wrong.?  
look at my css please!  
nb. **footer** is the containing div of the content divs ( **fleft** and **fright** ) …

```auto
#footer {
    padding:50px 10px 10px 10px ;
    color:#CFF;
    background: #1b0d01;
}
#fleft{
    width:50%;    
    float:left;
}
#fright{
    text-align:right;
    float:right;
    width:50%;
}

```

Help would be appreciated!  
the source in the html looks like:

```auto
<div id="footer">
 <div id="fleft">Special Thanks to:</div>
 <div id="fright">Sponsors of the 2008 Tour:</div>
</div>

```