W3C home > Mailing lists > Public > www-style@w3.org > March 2013

Re: Holy grail layout using Flexbox

From: Tab Atkins Jr. <jackalmage@gmail.com>
Date: Wed, 27 Mar 2013 08:56:29 -0700
Message-ID: <CAAWBYDBesUChkLS_5Y99ZV_fyCxDF9SzwgjDVGiKYP78oyABYA@mail.gmail.com>
To: Mark <markg85@gmail.com>
Cc: fantasai <fantasai.lists@inkedblade.net>, www-style list <www-style@w3.org>
On Wed, Mar 27, 2013 at 8:49 AM, Mark <markg85@gmail.com> wrote:
> On Wed, Mar 27, 2013 at 4:29 PM, Tab Atkins Jr. <jackalmage@gmail.com> wrote:
>> On Wed, Mar 27, 2013 at 1:14 AM, Mark <markg85@gmail.com> wrote:
>>> @Tab atkins
>>> Your solution works. However, the <nav> element (which should show
>>> before the <div id="content"> element is completely gone in your
>>> solution. Is there a way to get that one showing again? If that would
>>> be possible then your solution is perfect i guess.
>>
>> Sorry, I was giving example code, not copying your precise markup.
>> Obviously, you'd put the <nav> in your current page structure in place
>> of the <aside> in my example code.
>>
>>> @fantasai
>>> I haven't tried your solution because it involves making a wrapper
>>> div. I think wrapper divs should not be needed anymore in todays
>>> bleeding edge CSS3. I know that doing something like:
>>> <header></header>
>>> <div id="wrapper">
>>>   <div id="col1"></div>
>>> </div>
>>> <footer></footer>
>>> would probably work just fine because <div id="wrapper"> would in fact
>>> only contain singleline stuff as far as flexbox is concerned. But that
>>> is - in my opinion - not a neat solution.
>>
>> You need wrapper <div>s when creating two-dimensional layouts with
>> Flexbox.  Don't fight it, it's okay.  Grid will solve your problem
>> better when it's ready (soon).
>
> Hi Tab,
>
> So flexbox is only usable to make stretchable structures then (like
> tables)? If that's the case, then what's the added benefit of having
> flexbox in the first place?

I don't understand what you're asking about here.  I suspect you took
somewhat more out of my words than what I actually said.

> As for grid, i know :) I already have the holy grail layout working in
> grid. Sadly only for IE10 and the current grid layout spec changed
> quite a bit.
>
> I actually can't wait till the grid spec is finalized and implemented
> by all major rendering engines. It seems very promising and really
> makes it a lot easier to make quite complicated layouts. Do you know
> of any rendering engine with an up to date implementation of the
> current spec? I guess it doesn't exist.

I know that WebKit is gaining an implementation right now, and is
tracking the spec changes.  Other than that, I don't know.  Wait a
year.

~TJ
Received on Wednesday, 27 March 2013 15:57:16 UTC

This archive was generated by hypermail 2.3.1 : Wednesday, 27 March 2013 15:57:17 UTC