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

"Els" <els.aNOSPAM@tiscali.nl> wrote in message
news:gbo0ohbomexc$.dhjdnczbtj8x.dlg@40tude.net...
> the idiot wrote:
>
> > "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 :-)
> >>
> > ii shall try that and report back thank you.
>
> If it's a static page, and the size of the image never changes, you
> could also just add
> min-height:[height of image]; /* for non-IE */
> _height:[height of image]; /* for IE only */
>
> If the div has a height, IE will extend that height to encompass even
> floated images.
> The underscore will let other browsers ignore the property altogether,
> while IE just ignores the underscore and reads the rest of the line.
>
> --
i shall try... or return to bed whichever is the easiest.

[Back to original message]