- From: Jonathan Snook <jonathan.snook@gmail.com>
- Date: Mon, 16 Mar 2009 08:32:59 -0400
- To: Andrew Fedoniouk <news@terrainformatica.com>
- Cc: www-style@w3.org
>
> Matrix/Grid solution should support things like this:
>
> | Cell 1.1 | Cell 1.2 |
> |---------------------|
> | Some text here |
> |---------------------|
> ....
> |---------------------|
> | Some other lorem |
> | ipsum here |
> |---------------------|
> | Cell N.1 | Cell N.2 |
>
> Here we have four "cells" and arbitrary number of other
> blocks in between.
You're right, this is a fairly typical scenario. After thinking about
this, you could either use element embedding or cheat.
Option A. Create elements for your main grid and then embed elements
within the arbitrary section.
<div id="top"></div>
<div id="arbitrary">
....
</div>
<div id="bottom"></div>
This would likely be how most people would accomplish the task.
Option B. Create a high row number for the footer content. Any unused
rows in the middle will collapse to 0 height. You still end up with a
cap at some point.
#top { position: matrix(1,*); }
#bottom { position: matrix(200,*); }
For allowing elements to be automatically inserted (and I can't
remember if I'm mentioned it here on the list yet), I've considered an
"N syntax". The N syntax allows an element to use the next slot but I
had too many questions of my own on how that would be expected to work
so I left it out.
#mid { position: matrix(n, *); }
-js
Received on Monday, 16 March 2009 12:33:38 UTC