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

Re: [css3-page] Styling elements differently based on whether they appear on a left or right page

From: Alan Stearns <stearns@adobe.com>
Date: Sun, 28 Jul 2013 18:09:14 -0700
To: Håkon Wium Lie <howcome@opera.com>, Brad Kemper <brad.kemper@gmail.com>
CC: Lea Verou <lea@w3.org>, www-style list <www-style@w3.org>
Message-ID: <CE1B0C90.3CE40%stearns@adobe.com>
On 7/28/13 5:06 PM, "Håkon Wium Lie" <howcome@opera.com> wrote:

>Also sprach Brad Kemper:
> > >  http://people.opera.com/howcome/2013/02-reader/
> > > 
> > > What would be your preferred ways of coding, say, the first of these?
> > 
> > I've nothing against doing that sort of layout like that, where you
> > have evenly sized and spaced columns and everything is to fit
> > within even multiples of those columns.
>That's good. Still, my question stands: how would you code these sorts
>of layouts using your preferred methods -- what would the code look like
>flex box or grid?


There is an example of the holy grail layout in the flexbox spec that has
two sidebars the same height as the article using a flex container.

Since the topic at hand is sidebars, what about reversing your question?
How would you accomplish the sidebar layout Brad is talking about? What
would the code look like with float:outside/inside? Let's have a paginated
layout with an article and a sidebar, where the sidebar paginates along
with the article columns. When the sidebar content ends, the height should
either be the viewport height (if the article continues on another page)
or the height of the final fragment of the article (if the article and
sidebar finish on the same page).


Received on Monday, 29 July 2013 01:09:52 UTC

This archive was generated by hypermail 2.3.1 : Monday, 2 May 2016 14:39:13 UTC