W3C home > Mailing lists > Public > www-style@w3.org > January 2000

Re: Floating objects

From: Allan Odgaard <Duff@DIKU.DK>
Date: Tue, 11 Jan 2000 21:26:44 +0100
To: WWW-Style@W3.Org
Message-ID: <yam8045.2228.148700760@smtpserver.get2net.dk>
On 11-Jan-00, Bert Bos wrote:

>> If this is the case then which exceptions exist? I.e. I assume that
>> table-cells should flush any floating [...] absolute placed objects?
> [...] I don't think the same holds for absolute positioning. What
> exactly would you "flush"?

If an absolutely placed box has a border and contains a floating box which
would normally overflow the container then I would like to enlarge it, so that
the border of the container would be drawn below the floating box, rather then
through it.  The same should be the case for a box with "position: fixed".

>> Another thing I've been considering is whether this markup:
>>    <P>Hello <Div Style="float: left">Floating text...</Div>World!</P>
>> Should be rendered as: [...]
> Neither, in fact. It should be like this:

Thanks! It turns out that I was reading an older draft of the CSS2-standard,
which explains my lack of knowledge toward the layout of floating objects, as
that draft wasn't really complete ;-)

Though I still have a few more questions:

The standard says:

   "Since an inline box may not exceed the width of a line box,
    long inline boxes are split into several boxes [...]"

It's natural to split an inline box if it contains a space. But if the inline
box is without any spaces, am I then allowed to split the box where I see fit?
E.g. if the inline box contains a word which is wider than the container,
should the inline box then bleed outside its container? Or should the word be
splitted?


About the 'width' property then it's said that for "Block-level, replaced
elements in normal flow": "If 'width' is specified as 'auto', its value is the
element's intrinsic width."

What if a block-level box contains both replaced and non-replaced contents,
e.g.

   <Div Style="width: 200px">
      <Div Style="text-align: right">
         Hello world!
         <Img Width=400 Src=...>
         Hello again!
      </Div>
   </Div>

What is then the width of the inner 'div' element? If it is 400 pixels, will
the text then be right-aligned as if so? (which sort of makes incremental
rendering impossible) Or will the two paragraphs be right-aligned as if the
width was only 200 pixels, and the image will simply bleed outside the inner
'div'?

Regards Allan
-- 
     URL: http://www.DIKU.dk/students/duff/
<sb>
Don't worry about people stealing your ideas. If your ideas are any good,
you'll have to ram them down people's throats.
-- Howard Aiken
Received on Tuesday, 11 January 2000 15:28:35 GMT

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