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

Re: layout idea

From: Jonathan Snook <jonathan.snook@gmail.com>
Date: Mon, 16 Mar 2009 08:32:59 -0400
Cc: www-style@w3.org
Message-Id: <518BEF46-DEDA-474B-88A6-9CA0A4AB5DC6@gmail.com>
To: Andrew Fedoniouk <news@terrainformatica.com>
>
> 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 GMT

This archive was generated by hypermail 2.3.1 : Tuesday, 26 March 2013 17:20:17 GMT