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