- From: L. David Baron <dbaron@fas.harvard.edu>
- Date: Tue, 22 Jun 1999 23:15:33 -0400 (EDT)
- 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 UTC