- 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