Re: floating paragraphs around images.

On Wed, 11 Mar 1998, Bert Bos wrote:

> The bounding box of the paragraphs is still rectangular, and so is the
> border (if there is any), but the image overlaps with the bottom
> border of the first and the top border of the second.
> 
> The image also pushes the text aside, but doesn't deform the paragraph
> box. (Except for making it higher, since the text needs more vertical
> space now).
> 
>     +---P------------------------+
>     | +--IMG--+ short stuff      |
>     +-|       |------------------+
>     +-|       |------------------+
>     | +-------+ 'nother          |
>     | paragraph                  |
>     +----------------------------+

Wow, this is pretty deep.  Look's like I can stop working on my page that
rants about floating in CSS. ;-)  It may be worth clairifying this in the
specs.

Let's see if I have this straight.

<P STYLE="margin-left: 20em"><IMG STYLE="float: left">big left margin</P>
<P>normal left margin</P>

renders as:

 +---P---------------------------------+
 |        +--IMG--+ big left marign    |
 +--------|       |--------------------+
 +--------|       |--------------------+
 |        +-------+ normal left margin |
 +-------------------------------------+

and 

<P STYLE="float: left"><IMG SYLE="float: left">some text</P>

renders as:

 +---P---------------------------------+
 | some text                           |
 +-------------------------------------+
 +--IMG--+
 |       |
 |       |
 +-------+

How am I doing?  Hmm, I'm a little unsure how far left the IMG element
goes.  I think it goes to the BODY margin (assuming the body is the parent
element). 


-- 
Russell O'Connor                           roconnor@uwaterloo.ca
    <URL:http://www.undergrad.math.uwaterloo.ca/%7Eroconnor/>
"And truth irreversibly destroys the meaning of its own message"
-- Anindita Dutta, "The Paradox of Truth, the Truth of Entropy"

Received on Wednesday, 11 March 1998 10:03:33 UTC