[html5] Content Ordering

Jordan Dobson jordandobson at gmail.com
Wed Jun 15 14:42:15 PDT 2011

Try using the box-ordinal-group in CSS3 for browsers (mobile?) that support

Basics here:


Jordan Dobson • Designer / Developer • 425-444-8014 • About.Me/JordanDobson

On Jun 15, 2011, at 2:17 PM, "Nazir, Cassini" <cassini at utdallas.edu> wrote:

Is it possible to re-order content using CSS without using absolute
positioning? Here's what I mean:

I'm playing around with multiple stylesheets for a site that I'm working on.
I would like the <nav> content to appear before the <article> content on
desktops, but on mobile devices I would like the <nav> content to appear
after the <article> contents.

So the code might be something like this for desktops:

 header { order:1; }     /* this would appear first */
 nav { order:2 } /* second */
 article { order:3 }       /* last */

But on mobiles something like this:

 article { order:1 }
 nav { order:2 }
 header { order:3 }

Not sure if this makes sense. Is this possible using CSS only and not PHP?

Cassini Nazir

Web Developer, Student Affairs
The University of Texas at Dallas

Help mailing list
Help at lists.whatwg.org
-------------- next part --------------
An HTML attachment was scrubbed...
URL: <http://lists.whatwg.org/pipermail/help-whatwg.org/attachments/20110615/772a9121/attachment-0003.htm>

More information about the Help mailing list