W3C home > Mailing lists > Public > www-style@w3.org > October 2010

Re: Positioned Layout proposal

From: Andrew Fedoniouk <andrew.fedoniouk@live.com>
Date: Sat, 23 Oct 2010 12:29:25 -0700
Message-ID: <bay141-DS113E214D5EEAD02E577E50F85F0@phx.gbl>
To: <shelby@coolpage.com>
Cc: "Boris Zbarsky" <bzbarsky@mit.edu>, "www-style list" <www-style@w3.org>
From: "Shelby Moore" <shelby@coolpage.com>
Sent: Saturday, October 23, 2010 7:38 AM
To: "Andrew Fedoniouk" <news@terrainformatica.com>
Cc: "Boris Zbarsky" <bzbarsky@mit.edu>; "www-style list" <www-style@w3.org>
Subject: Re: Positioned Layout proposal

> Oh it will?  I thought you would need to specify another column of rows in
> the Flexbox syntax.  In any case, I think we agree that Flexbox would
> enable the semantics I want to express in the above example.
> However, as Tab Atkins pointed out, Flexbox won't express all the possible
> semantics or relative layout. Flexbox is suited to minimizing unused space
> within a container.  Flexbox does nothing for generalized relative
> placement of elements.

"all the possible semantics or relative layout" sounds like
"happiness to everybody and yet free of charge".
I mean we would like to implement the idea but that small constraint
at the end of it ...

>> Obviously you do not need any artificial DOM elements here.
>> See: "3.5. flow:"template"" in
>> http://www.terrainformatica.com/w3/flex-layout/flex-layout.htm
> Oh I see, you were using Flex-Layout syntax, not Flexbox.  Any way, I
> think Flexbox can handle it too, just need another column of rows within
> the right pane.
>> To calculate flex units you will not need generic constraint solver.
>> The algorithm of flex computations is not more complex than for tables.
> Agreed.  Flexbox is only just a relative width property for tables.  It is
> a very simple conceptuation extension of tables and will be very helpful.
> We should do that first, before any attempt at a more generalized relative
> positioning constraint solution.

Just in case:

Below is your layout with use of flex units and the flow.

Screenshot on various view and content sizes is here:

    <title>Sciter: W3C demo</title>
      width: *;
      height: *;
      flow: "1 1"
            "2 3";
      border:2px solid gold;
      border:2px solid gold;
      height:*;   /* spans full height */
      border:2px solid gold;

    div#rightPane > richtext
      width:*; /* spans full width */
      height:min-intrinsic; /* height needed to content in full*/
      max-height:50%; /* but not more than 50%, min/max constraint, sic! */

      width:*; height:*;
      border:2px solid green;

  <div id=header>
    some header content, even has a float:right so it fills the width of 
  <div id='leftPane'>left pane</div>
  <div id='rightPane'>
      <richtext><b>editable</b> area</richtext>
      <div id='ChatText'>chat text </div>

Andrew Fedoniouk


Received on Saturday, 23 October 2010 19:30:04 UTC

This archive was generated by hypermail 2.3.1 : Monday, 2 May 2016 14:38:40 UTC