text not wrapping around image in IE6

[dee2005]

Hi

I have a problem of the text not wrapping around the image when you resize the browser. to 800x600.
All i get is a gap where the text is supposed to wrap; it only happens in IE6 firefox and IE7 seem to be ok.

Can anybody help.

#pageHeader p, #pageHeader ul {padding:0 10px 10px 8px; margin:4px 0 0 0; float:left;}
#pageHeader #titleArea p {float:none;}
#pageHeader img {padding:0; margin:0 8px 5px 0; float:left;}
/*\*/ #pageHeader img {padding:0; margin:0 8px 0 0; float:left;} /**/
#pageHeader #titleArea {vertical-align:bottom;}
#pageHeader #titleArea #header-image {float:left; width:170px; margin: 15px 0px 10px 10px;}

<div id="pageHeaderEditorial">
<div id="pageHeader" class="floatholder">
<h2>Take the check title </h2><div id="titleArea" class="floatholder">
<div id="header-image">
<img border="0" align="left" class="introImage" src="/VirtualContent/1/dummyimage_160x160.jpg" height="160" width="160" alt="Test image">
</div>
<p>Take the check explanatory paragraph. Lorem ipsum dolor sit amet,
consectetur adipiscing elit. Sed urna nunc, malesuada id, tristique ut, ultrices quis, enim.
Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.
Morbi eros tellus, sodales cursus, varius non, posuere a, lectus. In sit amet sem.
Vivamus feugiat purus non dolor. Integer nec metus at velit sollicitudin malesuada.
Etiam arcu justo, tempus ut, euismod quis, placerat eget, nisl. Fusce fringilla, mauris quis gravida sollicitudin,
augue enim facilisis leo, ut ultricies massa nisl ut dolor. Pellentesque bibendum massa at enim. Fusce vitae tortor
et nulla laoreet tincidunt. Suspendisse vitae enim sed nisi vulputate aliquet. </p>
<p>Take the check explanatory paragraph.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed urna nunc, malesuada id, tristique ut, ultrices quis, enim.
Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.
Morbi eros tellus, sodales cursus, varius non, posuere a, lectus. In sit amet sem. Vivamus feugiat purus non dolor.
Integer nec metus at velit sollicitudin malesuada. Etiam arcu justo, tempus ut, euismod quis, placerat eget, nisl.
Fusce fringilla, mauris quis gravida sollicitudin, augue enim facilisis leo, ut ultricies massa nisl ut dolor.
Pellentesque bibendum massa at enim. Fusce vitae tortor et nulla laoreet tincidunt.
Suspendisse vitae enim sed nisi vulputate aliquet. </p>
<div class="clear"></div>
</div>
</div>
</div>

 

[Vragabond]

I don't understand. Does the text wrap around at other resolutions? Higher ones? Lower? Do you mean there is nothing wrapping around the floated image? IE6 should have sufficient support for a simple text flowing around floated objects, your HTML and CSS are however extremely convoluted, so that might contribute to problems. Why do you not start simpler, with one container, one floated image and one regular paragraph? That should work normally in all browsers.

Do something about world cancer today: Comprehensive cancer control information at PACT