- From: Andrew Fedoniouk <news@terrainformatica.com>
- Date: Sun, 18 Oct 2009 11:43:09 -0700
- To: Stephen Hay <haymail@gmail.com>
- CC: "Tab Atkins Jr." <jackalmage@gmail.com>, Www-style <www-style@w3.org>
Stephen Hay wrote:
> On Sun, Oct 18, 2009 at 7:42 PM, Andrew Fedoniouk
> <news@terrainformatica.com> wrote:
>
>> Are you speaking about this:
>> http://www.terrainformatica.com/w3/flex-layout/flex-layout.htm ?
>>
>> And about "body { grid-columns: * * (0.5in * *)[2];" in templates...
>>
>> width/min-width/max-width defined on involved elements are more
>> convenient for such layouts.
>>
>> This:
>> .col2 { width:*; min-width:10px; max-width:50%; }
>> will make .col2 flexible with boundary constraints.
>>
>> In any case having one more place of defining element dimensions (that
>> grid-columns thing) will create logical conflicts with existing box
>> module http://www.w3.org/TR/css3-box/ and width/height [+min/max]
>> attributes defined there.
>
> I agree.
>
> On your page (<http://www.terrainformatica.com/w3/flex-layout/flex-layout.htm>),
> you have an example which can be described as:
>
> #example { ". a ." }
>
> where the left '.' is 2* and the right '.' is 1*. How would this be
> expressed in template layout, as
>
> #example { ". a ." 2* 40% 1* }
>
> would not be allowed? It seems we would need to be explicit, as in
>
> #example { ". a ." 40% 40% 20% }
>
First of all templates that define single element make no or little sense.
That 'a' element can be defined just as:
margin-left:2*;
margin-right:1*;
width:40%;
If you have something like this:
#example { ". a ." }
#example { "b a c" }
then you will define dimensions of a,b and c elements accordingly.
border-spacing: on container and margin: on children will define
so called inter-cell spacing in the grid.
> /Stephen
>
--
Andrew Fedoniouk.
http://terrainformatica.com
Received on Sunday, 18 October 2009 18:43:34 UTC