|
|
Posted by the idiot on 07/11/05 12:33
"the idiot" <sinatra@thesands.co.uk> wrote in message
news:tyWdnSsFUphBp0_fSa8jmw@karoo.co.uk...
>
> "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)....
>
bah its all gone mad... back to bed back to reality
Navigation:
[Reply to this message]
|