odd HTML and CSS issue?

L

LukemDesigns

New member
i am re-doing a website, and i have an issue where my
#content doesent go behind #column1 and #column2

HTML =
<div id="content">
<div id="column1">
<p>As owner and operator of SPECTRUM Painting, I am proud to offer this site for your review and instruction. The “<a href="offer.htm">What We Offer</a>” and “<a href="portfolio.htm">Portfolio</a>” sections are especially useful in gaining a better understanding of Central California’s premier painting company, SPECTRUM Painting & Fine Finishes.</p>
<img src="images/signature.gif"style="float: right;"><br />
<div class="clears"></div>
<p style="float: right;">Doug Marohn, Owner</p>
</div>

<div id="column2">

<div id="frame_bg">
<img src="images/pictures.gif" alt="" />
</div>
<p>Free color consulting</p>
</div>
</div>

and the CSS =

#content {
background-color: #fdfdf4;
padding:30px;
width: 640px;
}

#column1 {
width: 45%;
text-align:justify;
float: left;
}

#column2 {
float: right;
width: 55%;
}

so when i add the float to #column1 the #content background color doesent go behind the BOTH of the columns

i am pretty sure the solution has to do with postion: absolute/relative/static/fixed. but i dont know which one and where...

any help is appreciated =D

thanks
-lucas
 
Back
Top