I’m trying to put two divs inside of one. The outer most div is supposed to provide a background for the two interior divs. Here is what the code looks like (I’ve shortened it, not including all tags, to give you the jist of it):
[CODE]<div class=”outer”>
<div class=”inner1″><p>DIV 1</p></div>
<div class=”inner2″><p>DIV 2</p></div>
</div>
#outter {
width: 500px;
background-color: #FFFFFF;
}
#inner1 {
width: 500px;
height: 300px;
clear: both;
}
#inner1 {
width: 500px;
height: 200px;
clear: both;
}
…problem is, I want the ‘outer’ div to extend down with the ‘inner1’ and ‘inner2’ divs, but it won’t – it insists on staying at the top. I tried replacing the ‘div’ tags of the ‘outer’ div with proper table tags, and it worked, but I want to figure out how to make this work with divs. What CSS properties do I need to add to the CSS? Or what different scheme should I use?