Scott said:
> I have
> ..inner {
> border: 1px solid #bbb;
> padding: .5em /* just for looks */
> }
>
> Which shows the grey borders around the 2 boxes on this page. I also
> have
> stuffed two divs in there, floated left to give me two columns in the
> main
> box.
>
> How do I get the height to exapnd correctly to the size of the copy in
> the
> boxes. It should look like the "what we do" box on the right.
>
> Also, the right what we do box would need to grow to the correct
> height as
> well.
Scott, I believe that you need to clear the two columns. Try this in
the HTML:
<div style="border: 1px solid red;
width: 245px; float: left;">
<img src="chevron.gif"
width="17" height="16" style="float: left;
padding-right: 5px;"><div class="titles">Who are we?</div>
<p class="indentedFromChevron
bold">ClickBrand is a SEO and web
development agency, offering a unique
(snip)
<img src="chevron.gif"
width="17" height="16" style="float: left;
padding-right: 5px;"><div class="titles">Clients</div>
<p class="indentedFromChevron
bold">ClickBrand is a SEO and web
development agency, offering a unique blen of creativity and digital
marketing experience.</p>
</div>
<!--clear floats--><div class="clear"></div>
}
and this in the CSS:
.outer {
background: transparent url("left.gif") top left no-repeat
}
.clear {
clear:both;
} /*clear the floats*/
I hope I've got them in the correct place. It's difficult for me to see
on your page which div is which. But the idea is to clear the center
column. It the location of the clear div is wrong, maybe one of the
REAL experts can correct me.
Dave
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
