W3C home > Mailing lists > Public > www-style@w3.org > June 1999

Re: FLOATING ELEMENTS

From: L. David Baron <dbaron@fas.harvard.edu>
Date: Tue, 22 Jun 1999 23:15:33 -0400 (EDT)
Message-Id: <199906230315.XAA07106@ice4.fas.harvard.edu>
To: david@heroes.force9.co.uk, www-style@w3.org
On Sat, 19 Jun 1999 10:27:21 +0100, "David Meadows"
(david@heroes.force9.co.uk) wrote:
> 
> p.left { float: left; width: 30% }
> p.middle { float: left; width: 30% }
> p.right {  width: 30% }
> 
> <p class="left"> This is paragraph 1 which should be floated left</p>
> <p class="middle"> This is paragraph 2 which should also be floated left</p>
> <p class="right"> This is paragraph 3 which will not be floated anywhere</p>

The problem here is that paragraph 3 should end up appearing below the
other two, since floats do not displace blocks, so you get something looking
like (adjacent lines indicate overlap):

--------------------
| ---------------- | -----------------
| | Text of 1    | | | Text of 2     |
| ---------------  | -----------------
|   Text of 3      |
--------------------

This is a known bug in IE4.  If you add {float: left} to p.right, things
should be fine.

David

L. David Baron     Rising Sophomore, Harvard     dbaron@fas.harvard.edu
Links, SatPix, CSS, etc.        < http://www.fas.harvard.edu/~dbaron/ >
WSP CSS AC                         < http://www.webstandards.org/css/ >
Received on Tuesday, 22 June 1999 23:15:43 GMT

This archive was generated by hypermail 2.2.0+W3C-0.50 : Monday, 27 April 2009 13:53:59 GMT