[thelist] [css] image overlap problem

Marc Seyon seyon at delime.com
Thu Jan 30 17:40:00 CST 2003


Message from Paul Bennett (1/31/2003 11:15 AM)
>in the template to a work site:
>http://www.teltest.co.nz/site.php
>There is an image in the main content text area of the page. This image
>is set inline and the text is floated to the left of it. Problem is when
>the text content makes the div  shorter than the image, the image will
>overlap the border of the containing div.

Floated elements are removed from the normal document flow, so the border
of the containing div will not necessarily expand beyond these elements.

You need to use the clear CSS property. Try something like
<div style="clear:both">&nbsp;</div>

regards.
-marc



More information about the thelist mailing list