[SOLVED] Need help fast if anyone is out there...

[galvin]

I need help quickly if anyone is out there.  I have a page (html is below) with basically a main page DIV (container) and two sub-DIVs inside that main container (one on the left and one on the right).

 

The one on the left has text and once the text reaches the bottom of the DIV on the right, I want it to wrap and go across the whole page, to avoid white space below the DIV on the right.

(It's all that text about ANTS that I want to start going across the whole page once it gets to the bottom of the DIV on the right)

 

Is there a way to do this?  I have googled "wrap text around DIV" but all i get are things about wrapping text around IMAGES, so I'm wondering if maybe you can't wrap text around a DIV.

 

Any help would be GREATLY appreciated...

 

 

<div id="main_content">
    <div id="content_left_col">
      <div id="left_col_title">Ants</div>
      <div id="left_col_left"> <img src="images/ant.gif" /> </div>
      <div id="left_col_right"><p>Ants are the most common pest problem reported.  These tiny scavengers will enter your home or business looking for moisture and an accessible food source.  Sometimes even rotting or damp wood that has mold damage can attract ants.  Most, but not all ants feed on most kinds of sweets. They also feed on cheese, meats, vegetables, grease, peanut butter, and dead insects.</p>

<p>Ants often enter a home through cracks around windows or doors, but may also be able to et in through  holes for wires.  Once inside, the growing ant colony can become a problem quickly as ants mature from juvenile to adult within a matter of days.</p>

<p>There are thousands of species of ants, but only 4 commonly found species in the United States.  It will be necessary to properly identify the ant species that you have before an effective means can be used to get rid of them. </p> 

<p>Carpenter Ants - are about 5/8" long, make burrows in damp wood, but can go from there to damage solid wood. They do not eat the wood, but simply remove it for nests. </p>

<p>Red Imported Fire Ants - vary in size from 1/8" to 3/8", make large mounds for nests; give a painful sting. They will enter a building through cracks and holes. </p>
<p> 
Pavement Ants - about 1/8" long; make their nests in cracks in pavement; can infest a building.

<p>Pharoah Ants - about 1/16" long; are commonly found in hospitals, nursing homes, restaurants, apartment buildings, etc.; are capable of transmitting Staphylecoccus and Psuedomonas infections in a hospital setting. </p>

<p>Ants with wings can often be mistaken for termites - which may lead to a wrong treatment. Ants have a very narrow thorax (mid-section), while termites' bodies are more uniform.</p>

<p>Treatment is best when it is performed near the nest - instead of being widely applied. We are ready to come and evaluate the extent of your ant problem and can give you a free estimate. We use a minimum amount of the correct treatment designed for a particular type of insect - to give you the fastest and best results possible. </p>

</div>
   
</div>

    	<div id="content_right_col" >
      <div id="form_top">
        <div id="form_title">Get <span class="big_blue_text">FREE</span> Ants Inspection!</div>
        <div id="content_form">
          
            <span class="med_blue_text">Enter Your Zip Code:</span>
            <input type="text" name="zip" size="20px"/>
            <br />
            <br />
            <input type="image" src="images/continue_button.gif" />
       
        </div>
      </div>
      <div id="right_col_left">
        <div id="right_col_left_title">Get rid of Ants NOW!
          We are ready to help.</div>
        <div id="right_col_left_text"> <a href="#">Click Here</a> to get started! <br />
          <img src="images/ants.jpg" width="165" height="79" /> </div>
        <p> </p>
      </div>
      <div id="right_col_right">
        <div id="right_col_right_title"> Why Choose<br />
          FINDAPESTPRO?<br />
        </div>
        <div id="right_col_right_text"> We will provide multiple quotes from qualified insurance agents who will give you the best service package and price for your iinsurance needs. </div>
      </div>
    </div>
  </div>





  <div id="footer"> <span class="text1"><a href="/pestcontrol.html">Pest Control</a> | <a href="/termites.html">Termites</a> | <a href="wildlife.html">Wildlife</a> | <a href="/commercial.html"> Commercial</a> | <a href="/directory.html">Directory</a> | <a href="/contact.html">Contact Us</a> | <span class="text1"><a href="mailto:signup@FindaPestPro.com?Subject=FindaPestPro.com Signup">Join Our Network</a> | <a href="#" class="text1" onclick="javascript: window.open('/dialog/privacy.asp', 'privacyPolicy', 'width=450,height=500,scrollbars=yes,resizable=yes');">Privacy Policy</a> </span> | <a href="/sitemap.html">Site Map</a>           </span><span class="style3">Call Toll Free</span><span class="Phone"> 1(800)555-5555</span> </div> 
  

[Mchl]

This cannot be done with CSS alone I'm afraid.

[haku]

Not entirely sure what you mean without a visualization, but you can wrap text around divs. You just float the div that you want the text to wrap around, inside the other div. You then have to give the floated div a width. The text in the containing div will flow around the floated div.

[Mchl]

I think galvin wants to have text to flow in two columns.

[J.Daniels]

Here is one way that might work:

 

<!-- css -->
<style type="text/css">
right {
    float: right;
    width: 50%;
}
</style>

<!-- html -->
<div id="container">
    <div id="left">
        <div id="right">
            <!-- right content -->
        </div>
        <!-- left content -->
    </div>
</div>

[galvin]

Ill give it a shot, thanks guys!