Re: Horizontal rules

On 17-Feb-00, Matthew Brealey wrote:

>> <Div>
>>    <Img Align=Left Width=200 ...>
>>    <Hr>
>> </Div>
> I'm not sure I understand what you are saying.
> I presume you mean that the DIV is floating.

No, it was the image that I wanted to float (to the left), the 'div' was just a
dummy container. Normally the above would be rendered as:

+---------------- div ---------------+
| +-------+                          |
  |       | ========== HR ==========
  | Image |
  |       |
  +-------+

But for CSS where the HR element becomes a block level box then it will get the
width of its parent without respecting any floating objects (though its
potential inline children will) -- so the border of this block level HR box
will collide with the image like this:

+---------------- div ---------------+
| +-------+                          |
  |=======|====== HR ===============
  | Image |
  |       |
  +-------+

Regards Allan
-- 
     URL: http://www.DIKU.dk/students/duff/
<sb>
I am Windows of Borg. Prepare... oops, out of memory!

Received on Thursday, 17 February 2000 11:04:07 UTC