# Floated 2col with a parent div

**URL:** https://forum.kirupa.com/t/floated-2col-with-a-parent-div/250569
**Category:** Uncategorized
**Created:** [January 30, 2008, 4:42pm UTC](https://forum.kirupa.com/t/floated-2col-with-a-parent-div/250569 "2008-01-30T16:42:50Z")
**Posts on this page:** 1
**Page:** 1

<div class="post-metadata">

### Author: ![JoshuaJonah](https://yyz1.discourse-cdn.com/flex011/user_avatar/forum.kirupa.com/joshuajonah/32/1775_2.png) [@JoshuaJonah](https://forum.kirupa.com/u/JoshuaJonah)
#### Post date: [January 30, 2008, 4:42pm UTC](https://forum.kirupa.com/t/floated-2col-with-a-parent-div/250569/1 "2008-01-30T16:42:50Z")

</div>

ok, say i did something like this:

```auto
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
</head>

<body>
<div style=" background-color:#FF0000;">
    <div style="width:50%; background-color:#00ff00; height:423px; float:right;">gadfgadgrgdrg</div>
    <div style="width:30%; background-color:#0000ff; height:300px; float:left;">gfdahadgfsdgahadfdgh</div>
</div>
</body>
</html>

```

How can i get that background div(the red one) to show and contain the other divs?

My real issue us having this div stretch to fit the info in either column.

problem link:  
[http://www.unikron.com/clients/sadasi/index.php?community=losheroestecamac&model=modceiba](http://www.unikron.com/clients/sadasi/index.php?community=losheroestecamac&model=modceiba)

bottom left hand column, goes out of the parent, any ideas?
