# Float Problem

**URL:** <https://forum.kirupa.com/t/float-problem/187840>\
**Category:** web dev\
**Created:** [May 2, 2006, 6:22pm UTC](https://forum.kirupa.com/t/float-problem/187840 "2006-05-02T18:22:08Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![The\_Stranger](https://avatars.discourse-cdn.com/v4/letter/t/a5b964/32.png) [@The\_Stranger](https://forum.kirupa.com/u/The_Stranger)\
**Post date:** [May 2, 2006, 6:22pm UTC](https://forum.kirupa.com/t/float-problem/187840/1 "2006-05-02T18:22:08Z")

</div>

Alright, I have a left column, a right column and a center content part. Recently I started using the “float” property instead of this:

```auto
 
<div id="level1">
 <div id="level2">
  <div id="level3>
 Content...
  </div>
 </div>
</div

```

With the float property I do something like this:

```auto
 
<div id="header">
</div>
 
<div id="leftMenu">
</div>
 
<div id="content">
</div>

```

…and so on…

The problem with the second example its that the columns doesn’t get bigger with the content part (my columns have a background color, I wish this conserved until they reach the footer part)…

I’ve traying the “height” property but it doesn’t work…

Any idea?

Thank You!