W3C home > Mailing lists > Public > public-css-commits@w3.org > October 2011

csswg/css3-grid overview.html,1.4,1.5 overview.src.html,1.3,1.4

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
Message-Id: <E1RJBcg-0002Yo-PZ@lionel-hutz.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> &copy; 2008 <a
-    href="http://www.w3.org/"><acronym title="World Wide Web
-    Consortium">W3C</acronym></a><sup>&reg;</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> &copy; 2011 <a
+    href="http://www.w3.org/"><acronym
+    title="World Wide Web Consortium">W3C</acronym></a><sup>&reg;</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>&lsquo;<span class=property>grid-columns</span>&rsquo; and
-        &lsquo;<span class=property>grid-rows</span>&rsquo; properties</a>
+       <li><a href="#grid-columns-and-grid-rows-properties"><span
+        class=secno>4.1.1. </span>&lsquo;<code
+        class=property>grid-columns</code>&rsquo; and &lsquo;<code
+        class=property>grid-rows</code>&rsquo; 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 &#39;default&#39; grid</a>
+     <li><a href="#undefined-grid-and-notion-of-39default39"><span
+      class=secno>7.4. </span>Undefined grid and notion of &#39;default&#39;
+      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&#39;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&quot; 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.&nbsp;Rows are
    always horizontal and columns are always vertical (this doesn&#39;t change
    in vertical writing modes)
 
-  <h4 id=grid-columns><span class=secno>4.1.1. </span>&lsquo;<a
-   class=property href="#grid-columns0">grid-columns</a>&rsquo; and &lsquo;<a
-   class=property href="#grid-rows">grid-rows</a>&rsquo; properties</h4>
+  <h4 id=grid-columns-and-grid-rows-properties><span class=secno>4.1.1.
+   </span>&lsquo;<a href="#grid-columns"><code
+   class=property>grid-columns</code></a>&rsquo; and &lsquo;<a
+   href="#grid-rows"><code class=property>grid-rows</code></a>&rsquo;
+   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>&lsquo;<span class=property>gr</span>&rsquo;</b> is used to position
+  <p><b>&lsquo;<code class=property>gr</code>&rsquo;</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.&nbsp;</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 &#39;gr&#39; is used on in-flow blocks. Is
    &#39;1gr&#39; generally equivalent to &#39;100%&#39; 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
-   &#39;default&#39; grid</h3>
+  <h3 id=undefined-grid-and-notion-of-39default39><span class=secno>7.4.
+   </span>Undefined grid and notion of &#39;default&#39; grid</h3>
 
   <p class=issue>When a grid unit is used in context where there isn&#39;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&#229;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&#229;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&#8211;847. July
-    2003. URL: <a
+   <dd>Charles Jacobs; et al. <a
+    href="http://grail.cs.washington.edu/pub/papers/Jacobs2003.pdf">&ldquo;Adaptive
+    Grid Based Document Layout&rdquo;</a> in: <cite>ACM Transactions on
+    Graphics.</cite> 22. 3. pp. 838&#8211;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&#229;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&#229;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&#229;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&#229;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&#233;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&#229;kon Wium Lie; Tantek &#199;elik; Daniel Glazman. <cite>Media
-    Queries.</cite> 6 June 2007. W3C Candidate Recommendation. (Work in
+   <dd>H&#229;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>[[&lt;length&gt;|&lt;percentage&gt;|&lt;fraction&gt;] |
       repeat([&lt;length&gt;|&lt;percentage&gt;|&lt;fraction&gt; ]+)]+ | 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>[[&lt;length&gt;|&lt;percentage&gt;|&lt;fraction&gt;] |
       ([&lt;length&gt;|&lt;percentage&gt;|&lt;fraction&gt;
@@ -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 GMT

This archive was generated by hypermail 2.2.0+W3C-0.50 : Wednesday, 26 October 2011 22:07:03 GMT