- From: Tab Atkins Jr.. via cvs-syncmail <cvsmail@w3.org>
- Date: Wed, 26 Oct 2011 22:06:58 +0000
- To: public-css-commits@w3.org
Update of /sources/public/csswg/css3-grid
In directory hutz:/tmp/cvs-serv9824
Modified Files:
overview.html overview.src.html
Log Message:
Add obsoletion notice.
Index: overview.html
===================================================================
RCS file: /sources/public/csswg/css3-grid/overview.html,v
retrieving revision 1.4
retrieving revision 1.5
diff -u -d -r1.4 -r1.5
--- overview.html 16 Jan 2008 04:26:29 -0000 1.4
+++ overview.html 26 Oct 2011 22:06:56 -0000 1.5
@@ -1,7 +1,9 @@
-<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
-<html lang=en>
+<html lang=en xmlns:m="http://schemas.microsoft.com/office/2004/12/omml"
+ xmlns:o="urn:schemas-microsoft-com:office:office"
+ xmlns:v="urn:schemas-microsoft-com:vml">
<head><meta content="text/html;charset=utf-8" http-equiv=Content-Type>
<title>CSS Grid Positioning Module Level 3</title>
@@ -16,7 +18,8 @@
.issue { color:red; font-style:italic;}
.todo { background:yellow; font-style:italic;}
</style>
- <link rel="stylesheet" type="text/css" href="http://www.w3.org/StyleSheets/TR/W3C-ED.css">
+ <link href="http://www.w3.org/StyleSheets/TR/W3C-MO.css" rel=stylesheet
+ type="text/css">
<body>
<div class=head> <!--begin-logo-->
@@ -24,15 +27,18 @@
src="http://www.w3.org/Icons/w3c_home" width=72></a><a class=logo
href="../../" rel=in-activity><img alt="CSS WG"
src="../../../Woolly/woolly-icon.png"></a> <span
- class=id>ED-css3-grid-20080115</span></p>
+ class=id>MO-css3-grid-20111026</span></p>
<!--end-logo-->
- <h1 id=css-grid>CSS Grid Positioning Module Level 3</h1>
+ <h1>CSS Grid Positioning Module Level 3</h1>
- <h2 class="no-num no-toc" id=longstatus>Editor's Draft $Date$</h2>
+ <h2 class="no-num no-toc" id=longstatus-date>W3C Member-only Draft 26
+ October 2011</h2>
<dl>
<dt>This version:
- <dd><a href="http://dev.w3.org/csswg/css3-grid/overview.html">$Date$ (CVS $Revision$)</a>
+
+ <dd><a
+ href="http://www.w3.org/TR/2011/MO-css3-grid-20111026/">http://www.w3.org/TR/2011/MO-css3-grid-20111026</a>
<dt>Latest version:
@@ -59,14 +65,14 @@
<!--begin-copyright-->
<p class=copyright><a
href="http://www.w3.org/Consortium/Legal/ipr-notice#Copyright"
- rel=license>Copyright</a> © 2008 <a
- href="http://www.w3.org/"><acronym title="World Wide Web
- Consortium">W3C</acronym></a><sup>®</sup> (<a
- href="http://www.csail.mit.edu/"><acronym title="Massachusetts Institute
- of Technology">MIT</acronym></a>, <a
- href="http://www.ercim.org/"><acronym title="European Research Consortium
- for Informatics and Mathematics">ERCIM</acronym></a>, <a
- href="http://www.keio.ac.jp/">Keio</a>), All Rights Reserved. W3C <a
+ rel=license>Copyright</a> © 2011 <a
+ href="http://www.w3.org/"><acronym
+ title="World Wide Web Consortium">W3C</acronym></a><sup>®</sup> (<a
+ href="http://www.csail.mit.edu/"><acronym
+ title="Massachusetts Institute of Technology">MIT</acronym></a>, <a
+ href="http://www.ercim.eu/"><acronym
+ title="European Research Consortium for Informatics and Mathematics">ERCIM</acronym></a>,
+ <a href="http://www.keio.ac.jp/">Keio</a>), All Rights Reserved. W3C <a
href="http://www.w3.org/Consortium/Legal/ipr-notice#Legal_Disclaimer">liability</a>,
<a
href="http://www.w3.org/Consortium/Legal/ipr-notice#W3C_Trademarks">trademark</a>
@@ -77,6 +83,17 @@
<hr title="Separator for header">
</div>
+ <p
+ style="background: #fdd; color: red; font-weight: bold; text-align: center; padding: .5em; border: thick solid red; border-radius: 1em; position: fixed; bottom: 1em; left: 1em; right: 1em;">This
+ specification is not being actively maintained, and should not be used as
+ a guide for implementations. It may be revived in the future, but for now
+ should be considered obsolete. <br>
+ If you have questions or comments on this specification, please send an
+ email to the CSS Working Group's mailing list at <a
+ href="mailto:www-style@w3.org">www-style@w3.org</a>. (Before sending mail
+ for the first time, you have to subscribe at <a
+ href="http://lists.w3.org/Archives/Public/www-style/">http://lists.w3.org/Archives/Public/www-style/</a>.)
+
<h2 class="no-num no-toc" id=abstract>Abstract</h2>
<p>This module describes integration of grid-based layout (similar to the
@@ -92,10 +109,11 @@
<p>The (<a
href="http://lists.w3.org/Archives/Public/www-style/">archived</a>)
- mailing list <a href="mailto:w3c-css-wg@w3.org">w3c-css-wg@w3.org</a> is
- preferred for discussion of this specification.
+ mailing list <a
+ href="mailto:www-style@w3.org?Subject=%5Bcss3-grid%5D%20PUT%20SUBJECT%20HERE">
+ w3c-css-wg@w3.org</a> is preferred for discussion of this specification.
- <p>This document was produced by the <a href="/Style/CSS/members">CSS
+ <p>This document was produced for the <a href="/Style/CSS/members">CSS
Working Group</a> (part of the <a href="/Style/">Style Activity</a>).
<!--end-status-->
@@ -112,68 +130,75 @@
<li><a href="#examples"><span class=secno>3. </span>Examples</a>
<ul class=toc>
- <li><a href="#example"><span class=secno>3.1. </span>Example 1</a>
+ <li><a href="#example-1"><span class=secno>3.1. </span>Example 1</a>
- <li><a href="#example0"><span class=secno>3.2. </span>Example 2 </a>
+ <li><a href="#example-2-"><span class=secno>3.2. </span>Example 2 </a>
</ul>
- <li><a href="#grid-"><span class=secno>4. </span>Grid declarations</a>
+ <li><a href="#grid-declarations"><span class=secno>4. </span>Grid
+ declarations</a>
<ul class=toc>
- <li><a href="#explicit"><span class=secno>4.1. </span>Explicit grid</a>
+ <li><a href="#explicit-grid"><span class=secno>4.1. </span>Explicit
+ grid</a>
<ul class=toc>
- <li><a href="#grid-columns"><span class=secno>4.1.1.
- </span>‘<span class=property>grid-columns</span>’ and
- ‘<span class=property>grid-rows</span>’ properties</a>
+ <li><a href="#grid-columns-and-grid-rows-properties"><span
+ class=secno>4.1.1. </span>‘<code
+ class=property>grid-columns</code>’ and ‘<code
+ class=property>grid-rows</code>’ properties</a>
</ul>
- <li><a href="#implicit"><span class=secno>4.2. </span>Implicit grid</a>
+ <li><a href="#implicit-grid"><span class=secno>4.2. </span>Implicit
+ grid</a>
<ul class=toc>
- <li><a href="#multi-column"><span class=secno>4.2.1.
+ <li><a href="#multi-column-element"><span class=secno>4.2.1.
</span>Multi-column element</a>
<li><a href="#table"><span class=secno>4.2.2. </span>Table</a>
<li><a href="#viewport"><span class=secno>4.2.3. </span>Viewport</a>
- <li><a href="#priority"><span class=secno>4.2.4. </span>Priority of
- explicit grid definition</a>
+ <li><a href="#priority-of-explicit-grid-definition"><span
+ class=secno>4.2.4. </span>Priority of explicit grid definition</a>
</ul>
</ul>
<li><a href="#grid-units"><span class=secno>5. </span>Grid units</a>
<ul class=toc>
- <li><a href="#applicability"><span class=secno>5.1. </span>Applicability
- of grid units</a>
+ <li><a href="#applicability-of-grid-units"><span class=secno>5.1.
+ </span>Applicability of grid units</a>
<li><a href="#grid-container"><span class=secno>5.2. </span>Grid
container</a>
- <li><a href="#reference"><span class=secno>5.3. </span>Reference point
- for grid units</a>
+ <li><a href="#reference-point-for-grid-units"><span class=secno>5.3.
+ </span>Reference point for grid units</a>
</ul>
- <li><a href="#grid-in"><span class=secno>6. </span>Grid in overflow</a>
+ <li><a href="#grid-in-overflow"><span class=secno>6. </span>Grid in
+ overflow</a>
<li><a href="#issues"><span class=secno>7. </span>Issues</a>
<ul class=toc>
- <li><a href="#grid-on"><span class=secno>7.1. </span>Grid on
- shrink-to-fit elements</a>
+ <li><a href="#grid-on-shrink-to-fit-elements"><span class=secno>7.1.
+ </span>Grid on shrink-to-fit elements</a>
- <li><a href="#additional"><span class=secno>7.2. </span>Additional
- implicit grid lines</a>
+ <li><a href="#additional-implicit-grid-lines"><span class=secno>7.2.
+ </span>Additional implicit grid lines</a>
- <li><a href="#snap-to"><span class=secno>7.3. </span>Snap to grid</a>
+ <li><a href="#snap-to-grid"><span class=secno>7.3. </span>Snap to
+ grid</a>
- <li><a href="#undefined"><span class=secno>7.4. </span>Undefined grid
- and notion of 'default' grid</a>
+ <li><a href="#undefined-grid-and-notion-of-39default39"><span
+ class=secno>7.4. </span>Undefined grid and notion of 'default'
+ grid</a>
<li><a href="#page-grid"><span class=secno>7.5. </span>Page grid</a>
- <li><a href="#named"><span class=secno>7.6. </span>Named grid lines and
- cells</a>
+ <li><a href="#named-grid-lines-and-cells"><span class=secno>7.6.
+ </span>Named grid lines and cells</a>
- <li><a href="#templates"><span class=secno>7.7. </span>Templates in CSS3
- Advanced Layout module</a>
+ <li><a href="#templates-in-css3-advanced-layout-module"><span
+ class=secno>7.7. </span>Templates in CSS3 Advanced Layout module</a>
</ul>
<li class=no-num><a href="#acknowledgments">Acknowledgments</a>
@@ -239,11 +264,11 @@
<p>Let's start with an illustration of grid in action.
- <h3 id=example><span class=secno>3.1. </span>Example 1</h3>
+ <h3 id=example-1><span class=secno>3.1. </span>Example 1</h3>
- <div class=figure> <img alt="example of a 3-column layout with an image
- that spans the whole page and a 2-column box in bottom left corner"
- src=grid1_small.jpg>
+ <div class=figure> <img
+ alt="example of a 3-column layout with an image that spans the whole page and a 2-column box in bottom left corner"
+ src="grid1_small.jpg">
<p class=caption>Floats in multi-column layout</p>
</div>
@@ -304,7 +329,7 @@
1.5in 1fr" above), it just takes all remaining space regardless of
the number.
- <h3 id=example0><span class=secno>3.2. </span>Example 2</h3>
+ <h3 id=example-2-><span class=secno>3.2. </span>Example 2</h3>
<p>The following example illustrates the use of a grid in construction of a
complex web site (see <a href="#SXSWGRIDS"
@@ -313,12 +338,13 @@
grid lines.
<div class=figure> <img alt="[image of a complex page with overlaid grid]"
- src=Yeeaahh_grid.png style="float:left; width:9cm;"> <img alt="[image of
- complex page]" src=Yeeaahh.png style="float:left; width:9cm;">
- <p class=caption style=clear:left>Complex site designed with a grid</p>
+ src="Yeeaahh_grid.png" style="float:left; width:9cm;"> <img
+ alt="[image of complex page]" src=Yeeaahh.png
+ style="float:left; width:9cm;">
+ <p class=caption style="clear:left">Complex site designed with a grid</p>
</div>
- <h2 id=grid-><span class=secno>4. </span>Grid declarations</h2>
+ <h2 id=grid-declarations><span class=secno>4. </span>Grid declarations</h2>
<p>There are two ways to define a grid.
@@ -330,22 +356,24 @@
structure (multi-column elements and tables).
</ol>
- <h3 id=explicit><span class=secno>4.1. </span>Explicit grid</h3>
+ <h3 id=explicit-grid><span class=secno>4.1. </span>Explicit grid</h3>
<p>Grid lines can be defined in terms of rows and columns. Rows are
always horizontal and columns are always vertical (this doesn't change
in vertical writing modes)
- <h4 id=grid-columns><span class=secno>4.1.1. </span>‘<a
- class=property href="#grid-columns0">grid-columns</a>’ and ‘<a
- class=property href="#grid-rows">grid-rows</a>’ properties</h4>
+ <h4 id=grid-columns-and-grid-rows-properties><span class=secno>4.1.1.
+ </span>‘<a href="#grid-columns"><code
+ class=property>grid-columns</code></a>’ and ‘<a
+ href="#grid-rows"><code class=property>grid-rows</code></a>’
+ properties</h4>
- <table class=propdef id=name->
+ <table class=propdef>
<tbody>
<tr>
<td>Name:
- <td> <dfn id=grid-columns0>grid-columns</dfn>
+ <td> <dfn id=grid-columns>grid-columns</dfn>
<tr>
<td>Value:
@@ -385,7 +413,7 @@
<td>specified value
</table>
- <table class=propdef id=name-0>
+ <table class=propdef>
<tbody>
<tr>
<td>Name:
@@ -517,13 +545,14 @@
number of times. It is not strictly necessary (if the number of times is
known the values can be repeated inline) but handy.
- <h3 id=implicit><span class=secno>4.2. </span>Implicit grid</h3>
+ <h3 id=implicit-grid><span class=secno>4.2. </span>Implicit grid</h3>
<p>Elements with a natural grid structure automatically define a grid that
aligns with the structure. It is called an<em> implicit grid</em>.<em>
</em>Such elements are
- <h4 id=multi-column><span class=secno>4.2.1. </span>Multi-column element</h4>
+ <h4 id=multi-column-element><span class=secno>4.2.1. </span>Multi-column
+ element</h4>
<p>Left and right edges of each column form a grid line. There are twice as
many grid lines as there are columns.
@@ -548,15 +577,15 @@
<p>Viewport always defines a single-cell grid with the size of the
viewport.
- <h4 id=priority><span class=secno>4.2.4. </span>Priority of explicit grid
- definition</h4>
+ <h4 id=priority-of-explicit-grid-definition><span class=secno>4.2.4.
+ </span>Priority of explicit grid definition</h4>
<p>If explicit grid properties grid-columns or grid-rows are specified on
an element with an implicit grid, the explicit properties have priority.
<h2 id=grid-units><span class=secno>5. </span>Grid units</h2>
- <p><b>‘<span class=property>gr</span>’</b> is used to position
+ <p><b>‘<code class=property>gr</code>’</b> is used to position
in relation to the grid lines. Actual value of each gr depends on the grid
cell in which it is used.
@@ -584,13 +613,13 @@
pharetra ante luctu<br>
feugiat quis enim.<br>
Cum sociis natoque<br>
- penatibus et magni.</p>
+ penatibus et magni.
<div style="position: absolute; left: 175px; top: 115px; z-index: 6">
<p>Lorem ipsum dolor<br>
sit amet. Nam at jus.<br>
Sed imp er di et ris.<br>
- Cur abi tur et sapen.</p>
+ Cur abi tur et sapen.
</div>
<div style="position: absolute; left: 350px; top: 0px; z-index: 6">
@@ -603,7 +632,7 @@
pharetra ante luctu<br>
feugiat quis enim.<br>
Cum sociis natoque<br>
- penatibus et magni.</p>
+ penatibus et magni.
</div>
<div class=rep style="top: 0; left: 175px; width: 150px"></div>
@@ -631,9 +660,10 @@
style="float:right; width: 68px; height:110px; "></span> Sed imp er di et
ris. Cur abi tur et sapen. Fusce sed ligula a turpis. Vivamus a metus.</p>
- <div style="position: absolute; left: 175px; width:140px; top: 0;
- z-index:4;">
- <p style=width:140px> Lorem ipsum dolor sit amet. Nam jus. <br>
+ <div
+ style="position: absolute; left: 175px; width:140px; top: 0; z-index:4;">
+
+ <p style="width:140px"> Lorem ipsum dolor sit amet. Nam jus. <br>
<span style="float:left; width: 78px; height:110px; "></span> <span
class=rep style="left: -100px; top:auto; width: 175px"></span> Sed imp
er di et ris. Cur abi tur et sapen. Fusce sed ligula a turpis. </p>
@@ -648,7 +678,7 @@
pharetra ante luctu<br>
feugiat quis enim.<br>
Cum sociis natoque<br>
- penatibus et magni.</p>
+ penatibus et magni.
</div>
<div class=gap style="left: 150px"></div>
@@ -656,8 +686,8 @@
<div class=gap style="left: 325px"></div>
</div>
- <h3 id=applicability><span class=secno>5.1. </span>Applicability of grid
- units</h3>
+ <h3 id=applicability-of-grid-units><span class=secno>5.1.
+ </span>Applicability of grid units</h3>
<p>Grid units are applicable to all properties of block elements that take
values of type <a
@@ -712,8 +742,8 @@
</pre>
</div>
- <h3 id=reference><span class=secno>5.3. </span>Reference point for grid
- units</h3>
+ <h3 id=reference-point-for-grid-units><span class=secno>5.3.
+ </span>Reference point for grid units</h3>
<p class=issue>Calculating grid units require a reference point within the
grid and direction. This needs a precise definition. For the same element,
@@ -723,7 +753,7 @@
<p class=issue>Define how 'gr' is used on in-flow blocks. Is
'1gr' generally equivalent to '100%' there?
- <h2 id=grid-in><span class=secno>6. </span>Grid in overflow</h2>
+ <h2 id=grid-in-overflow><span class=secno>6. </span>Grid in overflow</h2>
<p>When a measure defined in grid units extends outside the boundaries of
grid container, grid lines are repeated according to the following rules
@@ -775,15 +805,16 @@
<h2 id=issues><span class=secno>7. </span>Issues</h2>
- <h3 id=grid-on><span class=secno>7.1. </span>Grid on shrink-to-fit elements</h3>
+ <h3 id=grid-on-shrink-to-fit-elements><span class=secno>7.1. </span>Grid on
+ shrink-to-fit elements</h3>
<p class=issue>Specifying a grid on an element with shrink-to-fit sizing
can create difficult or unsolvable problems, similar to use percentages
within shrink to fit but even more complicated. Consider ignoring grid
definition on anything shrink-to-fit.
- <h3 id=additional><span class=secno>7.2. </span>Additional implicit grid
- lines</h3>
+ <h3 id=additional-implicit-grid-lines><span class=secno>7.2.
+ </span>Additional implicit grid lines</h3>
<p class=issue>On the implicit grids for multi-column elements, it might be
useful to have one grid line on the left and right edge of each column, as
@@ -791,14 +822,14 @@
same thing for tables, one line on each side of the border spacing and
another at the row/column boundary.
- <h3 id=snap-to><span class=secno>7.3. </span>Snap to grid</h3>
+ <h3 id=snap-to-grid><span class=secno>7.3. </span>Snap to grid</h3>
<p class=issue>Should there be an option to align flow content to next
available gridline? It opens really cool scenarios. But are they
compelling enough to create a next available notion?
- <h3 id=undefined><span class=secno>7.4. </span>Undefined grid and notion of
- 'default' grid</h3>
+ <h3 id=undefined-grid-and-notion-of-39default39><span class=secno>7.4.
+ </span>Undefined grid and notion of 'default' grid</h3>
<p class=issue>When a grid unit is used in context where there isn't an
explicit or implicit grid specified, what should it be? Reaching to
@@ -814,7 +845,8 @@
<p class=issue>Add grid-columns/grid-rows to @page rule
- <h3 id=named><span class=secno>7.6. </span>Named grid lines and cells</h3>
+ <h3 id=named-grid-lines-and-cells><span class=secno>7.6. </span>Named grid
+ lines and cells</h3>
<p class=issue>If grid is used extensively, named grid locations would be
quite helpful. Defining named grid lines could look for example like this:
@@ -829,8 +861,8 @@
providing a sequence of named cells to fill) which makes the feature quite
attractive and further approaches Advanced Layout scenarios.
- <h3 id=templates><span class=secno>7.7. </span>Templates in CSS3 Advanced
- Layout module</h3>
+ <h3 id=templates-in-css3-advanced-layout-module><span class=secno>7.7.
+ </span>Templates in CSS3 Advanced Layout module</h3>
<p class=issue>"Template-based positioning" in CSS3 Advanced Layout module
<a href="#CSS3LAYOUT"
@@ -866,10 +898,11 @@
<dt id=CSS3VAL>[CSS3VAL]
- <dd>Håkon Wium Lie; Chris Lilley. <cite>CSS3 module: Values and
- Units.</cite> 19 September 2006. W3C Working Draft. (Work in progress.)
- URL: <a
- href="http://www.w3.org/TR/2006/WD-css3-values-20060919">http://www.w3.org/TR/2006/WD-css3-values-20060919</a>
+ <dd>Håkon Wium Lie; Tab Atkins; Elika J. Etemad. <a
+ href="http://www.w3.org/TR/2011/WD-css3-values-20110906/"><cite>CSS
+ Values and Units Module Level 3.</cite></a> 6 September 2011. W3C Working
+ Draft. (Work in progress.) URL: <a
+ href="http://www.w3.org/TR/2011/WD-css3-values-20110906/">http://www.w3.org/TR/2011/WD-css3-values-20110906/</a>
</dd>
<!---->
</dl>
@@ -885,50 +918,59 @@
<dt id=AGBDL>[AGBDL]
- <dd>Charles Jacobs; et al. "Adaptive Grid Based Document Layout" in:
- <cite>ACM Transactions on Graphics.</cite> 22. 3. pp. 838–847. July
- 2003. URL: <a
+ <dd>Charles Jacobs; et al. <a
+ href="http://grail.cs.washington.edu/pub/papers/Jacobs2003.pdf">“Adaptive
+ Grid Based Document Layout”</a> in: <cite>ACM Transactions on
+ Graphics.</cite> 22. 3. pp. 838–847. July 2003. URL: <a
href="http://grail.cs.washington.edu/pub/papers/Jacobs2003.pdf">http://grail.cs.washington.edu/pub/papers/Jacobs2003.pdf</a>
</dd>
<!---->
<dt id=CSS3COL>[CSS3COL]
- <dd>Håkon Wium Lie. <cite>Multi-column layout in CSS.</cite> 6 June
- 2007. W3C Working Draft. (Work in progress.) URL: <a
- href="http://www.w3.org/TR/2007/WD-css3-multicol-20070606">http://www.w3.org/TR/2007/WD-css3-multicol-20070606</a>
+ <dd>Håkon Wium Lie. <a
+ href="http://www.w3.org/TR/2011/CR-css3-multicol-20110412"><cite>CSS
+ Multi-column Layout Module.</cite></a> 12 April 2011. W3C Candidate
+ Recommendation. (Work in progress.) URL: <a
+ href="http://www.w3.org/TR/2011/CR-css3-multicol-20110412">http://www.w3.org/TR/2011/CR-css3-multicol-20110412</a>
</dd>
<!---->
<dt id=CSS3GCPM>[CSS3GCPM]
- <dd>Håkon Wium Lie. <cite>CSS Generated Content for Paged Media
- Module.</cite> 4 May 2007. W3C Working Draft. (Work in progress) URL: <a
- href="http://www.w3.org/TR/2007/WD-css3-gcpm-20070504">http://www.w3.org/TR/2007/WD-css3-gcpm-20070504</a>
+ <dd>Håkon Wium Lie. <a
+ href="http://www.w3.org/TR/2010/WD-css3-gcpm-20100608"><cite>CSS
+ Generated Content for Paged Media Module.</cite></a> 8 June 2010. W3C
+ Working Draft. (Work in progress.) URL: <a
+ href="http://www.w3.org/TR/2010/WD-css3-gcpm-20100608">http://www.w3.org/TR/2010/WD-css3-gcpm-20100608</a>
</dd>
<!---->
<dt id=CSS3LAYOUT>[CSS3LAYOUT]
- <dd>Bert Bos. <cite>CSS3 Advanced Layout Module.</cite> 9 August 2007. W3C
- Working Draft. (Work in progress) URL: <a
- href="http://www.w3.org/TR/2007/WD-css3-layout-20070809">http://www.w3.org/TR/2007/WD-css3-layout-20070809</a>
+ <dd>Bert Bos; César Acebal. <a
+ href="http://www.w3.org/TR/2010/WD-css3-layout-20100429"><cite>CSS
+ Template Layout Module.</cite></a> 29 April 2010. W3C Working Draft.
+ (Work in progress.) URL: <a
+ href="http://www.w3.org/TR/2010/WD-css3-layout-20100429">http://www.w3.org/TR/2010/WD-css3-layout-20100429</a>
</dd>
<!---->
<dt id=MEDIAQ>[MEDIAQ]
- <dd>Håkon Wium Lie; Tantek Çelik; Daniel Glazman. <cite>Media
- Queries.</cite> 6 June 2007. W3C Candidate Recommendation. (Work in
+ <dd>Håkon Wium Lie; et al. <a
+ href="http://www.w3.org/TR/2010/CR-css3-mediaqueries-20100727/"><cite>Media
+ Queries.</cite></a> 27 July 2010. W3C Candidate Recommendation. (Work in
progress.) URL: <a
- href="http://www.w3.org/TR/2007/CR-css3-mediaqueries-20070606">http://www.w3.org/TR/2007/CR-css3-mediaqueries-20070606</a>
+ href="http://www.w3.org/TR/2010/CR-css3-mediaqueries-20100727/">http://www.w3.org/TR/2010/CR-css3-mediaqueries-20100727/</a>
</dd>
<!---->
<dt id=SXSWGRIDS>[SXSWGRIDS]
- <dd>Khoi Vinh; Mark Boulton. <cite>Grids Are Good.</cite> March 2007. SXSW
- Interactive, Austin, TX. URL: <a
+ <dd>Khoi Vinh; Mark Boulton. <a
+ href="http://www.subtraction.com/pics/0703/grids_are_good.pdf"><cite>Grids
+ Are Good.</cite></a> March 2007. SXSW Interactive, Austin, TX. URL: <a
href="http://www.subtraction.com/pics/0703/grids_are_good.pdf">http://www.subtraction.com/pics/0703/grids_are_good.pdf</a>
</dd>
<!---->
@@ -936,7 +978,7 @@
<dt id=THEGRID>[THEGRID]
<dd>Allen Hurlburt. <cite>Grid: A Modular System for the Design and
- Production of Newpapers, Magazines, and Books.</cite> 1982. ISBN
+ Production of Newpapers, Magazines, and Books.</cite> Wiley. 1982. ISBN
0-471-28923-X.</dd>
<!---->
</dl>
@@ -946,14 +988,16 @@
<!--begin-index-->
<ul class=indexlist>
- <li>grid-columns, <a href="#grid-columns0"><strong>#</strong></a>
+ <li>grid-columns, <a href="#grid-columns"
+ title=grid-columns><strong>4.1.1.</strong></a>
- <li>grid-rows, <a href="#grid-rows"><strong>#</strong></a>
+ <li>grid-rows, <a href="#grid-rows"
+ title=grid-rows><strong>4.1.1.</strong></a>
</ul>
<!--end-index-->
<h2 class=no-num id=property-index>Property index</h2>
- <!--begin properties-->
+ <!--begin-properties-->
<table class=proptable>
<thead>
@@ -973,8 +1017,8 @@
<th>Media
<tbody>
- <tr valign=baseline>
- <td><a class=property href="#grid-columns0">grid-columns</a>
+ <tr>
+ <th><a class=property href="#grid-columns">grid-columns</a>
<td>[[<length>|<percentage>|<fraction>] |
repeat([<length>|<percentage>|<fraction> ]+)]+ | none
@@ -990,8 +1034,8 @@
<td>visual, paged
- <tr valign=baseline>
- <td><a class=property href="#grid-rows">grid-rows</a>
+ <tr>
+ <th><a class=property href="#grid-rows">grid-rows</a>
<td>[[<length>|<percentage>|<fraction>] |
([<length>|<percentage>|<fraction>
@@ -1007,7 +1051,7 @@
<td>visual, paged
</table>
- <!--end properties-->
+ <!--end-properties-->
</html>
<!-- Keep this comment at the end of the file
Local variables:
Index: overview.src.html
===================================================================
RCS file: /sources/public/csswg/css3-grid/overview.src.html,v
retrieving revision 1.3
retrieving revision 1.4
diff -u -d -r1.3 -r1.4
--- overview.src.html 14 Jan 2008 18:38:11 -0000 1.3
+++ overview.src.html 26 Oct 2011 22:06:56 -0000 1.4
@@ -52,6 +52,8 @@
<hr title="Separator for header">
</div>
+<p style="background: #fdd; color: red; font-weight: bold; text-align: center; padding: .5em; border: thick solid red; border-radius: 1em; position: fixed; bottom: 1em; left: 1em; right: 1em;">This specification is not being actively maintained, and should not be used as a guide for implementations. It may be revived in the future, but for now should be considered obsolete. <br>If you have questions or comments on this specification, please send an email to the CSS Working Group's mailing list at <a href="mailto:www-style@w3.org">www-style@w3.org</a>. (Before sending mail for the first time, you have to subscribe at <a href="http://lists.w3.org/Archives/Public/www-style/">http://lists.w3.org/Archives/Public/www-style/</a>.)</p>
+
<h2 class="no-num no-toc" id=abstract>Abstract</h2>
<p>This module describes integration of grid-based layout (similar to the grids
traditionally used in books and newspapers) with CSS sizing and positioning. </p>
Received on Wednesday, 26 October 2011 22:07:03 UTC