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

Re: [css-flexbox] Computation Algorithm

From: Andrew Fedoniouk <news@terrainformatica.com>
Date: Mon, 10 May 2010 20:43:17 -0700
Message-ID: <717EE30D02BE410C89F09E7300D32CEA@terra3>
To: <robert@ocallahan.org>
Cc: <www-style@w3.org>
Thanks Robert. 

Please see my question below.


From: Robert O'Callahan 
Sent: Monday, May 10, 2010 8:31 PM
To: Andrew Fedoniouk 
Cc: www-style@w3.org 
Subject: Re: [css-flexbox] Computation Algorithm


On Tue, May 11, 2010 at 3:16 PM, Andrew Fedoniouk <news@terrainformatica.com> wrote:

  Looking on this document in Mozilla:
  http://terrainformatica.com/w3/mozilla-flex-2.htm

  I am getting this rendering: http://terrainformatica.com/w3/mozilla-flex-2.png

  Two boxes here are defined as:

  #box2 { box-flex: 1.0; width:200px; background:gold;}
  #box3 { box-flex: 2.0; width:200px; background:red;}

  According to the name of the property ("box-flex") I would expect that box3 (flex:2) and box2 (flex:1)
  widths will be in proportion 2:1. At least box3 should be wider than box2. But in fact box3 is smaller! That is completely unexpected
  as all other properties of these two elements are the same.


That's not how Gecko's box-flex works. box3 is twice as flexible as box2, whether you're increasing or decreasing from the preferred width.


So "twice as flexible" has nothing with one element is twice wider than another.

Is there any combination of width/flex/box/overflow that will allow to declare
one element to be twice wider than another? 

-- 
Andrew Fedoniouk

http://terrainformatica.com
Received on Tuesday, 11 May 2010 03:43:47 GMT

This archive was generated by hypermail 2.3.1 : Tuesday, 26 March 2013 17:20:27 GMT