«

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

thankyou very much

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
>
>thankyou very much
>
>
>
>
I see no image. html reads= img scr=""
Peter

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

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

"Els" <> wrote in message
news...
> 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.

"Peter" <> wrote in message
news:42d238d8$0$47253$...
> 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
> >
> >thankyou very much
> >
> >
> >
> >
> I see no image. html reads= img scr=""
> Peter

yeah sorry there is no actual image im just trying some things out.

"Els" <> wrote in message
news...
> 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)....

the idiot wrote:

> ii shall try that and report back thank you.

You might also try abandoning that fixed width stuff.

At my chosen minimum font size your nice "tabbed" navigation bar wraps to
the next line and looks quite odd. That is in addition to the wasted space
in my chosen viewport size.

Cheers
Richard.

the idiot wrote:

> "Els" <> wrote in message
> news...
>> 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 -

"rf" <@invalid.com> wrote in message
news:jXqAe.37483$...
> the idiot wrote:
>
> > ii shall try that and report back thank you.
>
> You might also try abandoning that fixed width stuff.
>
> At my chosen minimum font size your nice "tabbed" navigation bar wraps to
> the next line and looks quite odd. That is in addition to the wasted space
> in my chosen viewport size.
>
> Cheers
> Richard.
>
hehe thanks...

"Els" <> wrote in message
news:gbo0ohbomexc$....
> the idiot wrote:
>
> > "Els" <> wrote in message
> > news...
> >> 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.