Posted by the idiot on 07/11/05 12:24

"Els" <els.aNOSPAM@tiscali.nl> wrote in message
news:pu2shucejgkw.hl0wzfb54pao.dlg@40tude.net...
> the idiot wrote:
>
> > daft question alert...
> >
> > i have a div with an image and words inside. but the div only extends
> > downwards to the end of the words and not the image.. how can i make it
> > extend to the height of the image?.... im sure the answer is simple but
> > sadly so am i.
> >
> > it is here.
> > http://www.207g.karoo.net/new/index.html
>
> You floated the image, which means its parent doesn't extend to
> include it. You can solve this by adding an element right before the
> closing </div>, with the property clear:both;
>
> <div>
> <img src=".." alt="..." style="float:left;">
> <p>text</p>
> <br style="clear:both;">
> </div>
>
> (obviously the styles are better in a stylesheet, and the clearing
> element doesn't need to be a <br>, could be anything suitable.)
>
> > thankyou very much
>
> You're welcome :-)
>
> --
aha ho hum boohoo
it works in firefox but in IE the clearboth makes the <p> (below the div)
drop down in order to clear the left floated div (with the dotted right hand
border)....

[Back to original message]