hi Natalie,

just delete the height rule from the .floatleft div.  that way the
divs will expand to contain the text.

in fact, Mozilla and Firefox are behaving exactly as the standards say
they should - it's IE that is getting it wrong by expanding the div
beyond your stated height.


On Fri, 15 Oct 2004 15:36:13 +1000, Natalie Buxton <[EMAIL PROTECTED]> wrote:
> I forget to mention: example is at
> http://www.pixelkitty.net/devel/wsg/broken_float.php
> 
> On Fri, 15 Oct 2004 15:35:14 +1000, Natalie Buxton <[EMAIL PROTECTED]> wrote:
> > Hi All
> >
> > I'm wrestling with a float that just wont behave.
> >
> > I'm trying to stop the content from escaping from the float itself.
> >
> > The floats are a fluid % width and a fluid height. The content of the
> > float will change all the time.
> >
> > I'd like to do two things:
> >
> > 1. make sure content doesn't escape
> > 2. Force the floats to all be the same height, regardles of content
> > without scrolling. So if Float A has 20 lines of text, I want float B
> > to be the same height (for borders and aesthetics).
> >
> > I think point 2 is acheivable with javascript, but point one is elluding me!
> >
> > Thanks
> >
> > Natalie
> > --
> > Freelance Website Designer/Developer
> > www.pixelkitty.net
> >
> 
> 
> --
> 
> 
> --
> Freelance Website Designer/Developer
> www.pixelkitty.net
> ******************************************************
> The discussion list for  http://webstandardsgroup.org/
> 
>  See http://webstandardsgroup.org/mail/guidelines.cfm
>  for some hints on posting to the list & getting help
> ******************************************************
> 
>
******************************************************
The discussion list for  http://webstandardsgroup.org/

 See http://webstandardsgroup.org/mail/guidelines.cfm
 for some hints on posting to the list & getting help
******************************************************

Reply via email to