Posted by Els on 07/11/05 12:27

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.

--
Els http://locusmeus.com/
Sonhos vem. Sonhos vão. O resto é imperfeito.
- Renato Russo -

[Back to original message]