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

csswg/css3-positioning Overview.html,1.2,1.3 Overview.src.html,1.4,1.5

From: Arron Eicholz via cvs-syncmail <cvsmail@w3.org>
Date: Fri, 28 Oct 2011 00:10:18 +0000
To: public-css-commits@w3.org
Message-Id: <E1RJa1a-0008Gr-Na@lionel-hutz.w3.org>
Update of /sources/public/csswg/css3-positioning
In directory hutz:/tmp/cvs-serv31775

Modified Files:
	Overview.html Overview.src.html 
Log Message:
Defined animatable properties in the properties definition table
Minor editorial updates based on feedback

Index: Overview.html
===================================================================
RCS file: /sources/public/csswg/css3-positioning/Overview.html,v
retrieving revision 1.2
retrieving revision 1.3
diff -u -d -r1.2 -r1.3
--- Overview.html	21 Oct 2011 21:53:06 -0000	1.2
+++ Overview.html	28 Oct 2011 00:10:16 -0000	1.3
@@ -1,4 +1,4 @@
-<!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>
@@ -50,7 +50,7 @@
                 font: inherit;
             }
         </style>
-
+</head>
  <body>
   <div class=head> <!--begin-logo-->
    <p id=x><a href="http://www.w3.org/"><img alt=W3C height=48
@@ -58,14 +58,14 @@
 
    <h1>CSS Positioned Layout Module Level 3</h1>
 
-   <h2 class="no-num no-toc" id=longstatus-date>Editor's Draft 21 October
+   <h2 class="no-num no-toc" id=longstatus-date>Editor's Draft 28 October
     2011</h2>
 
    <dl>
     <dt>This version:
 
     <dd><a
-     href="http://www.w3.org/TR/2011/ED-css3-positioning-20111021/">http://dev.w3.org/csswg/css3-positioning/</a></dd>
+     href="http://www.w3.org/TR/2011/ED-css3-positioning-20111028/">http://dev.w3.org/csswg/css3-positioning/</a></dd>
     <!--<dt>Latest version:</dt>
                     <dd><a href="http://www.w3.org/TR/css3-positioning/">http://www.w3.org/TR/css3-positioning/</a></dd>-->
 
@@ -370,14 +370,12 @@
    normative.</em>
 
   <p id=css-assumes-the-document-layout-is-model> CSS assumes the document
-   layout is modeled as a tree of elements. Each element has an ordered list
-   of zero or more child elements, with an optional string of text before the
-   list, in-between the children and after the list. The unique element that
-   has no parent is called the root element. This module describes how any of
-   the elements from the tree of elements can be arranged independent of
-   document order (i.e. taken out of "flow"). With a positioned element the
-   element may be placed anywhere within the content not specifically
-   respecting the tree of elements order.
+   layout is modeled as a tree of elements. The unique element that has no
+   parent is called the root element. This module describes how any of the
+   elements from the tree of elements can be arranged independent of document
+   order (i.e. taken out of "flow"). With a positioned element the element
+   may be placed anywhere within the content not specifically respecting the
+   tree of elements order.
 
   <p id=in-css21-the-visual-formatting-model-exp> In <a href="#CSS21"
    rel=biblioentry>[CSS21]<!--{{!CSS21}}--></a>, the visual formatting model
@@ -511,8 +509,8 @@
    href="http://www.w3.org/TR/CSS2/media.html#continuous-media-group">continuous
    media</a> generally offer users a viewport (a window or other viewing area
    on the screen) through which users consult a document. User agents may
-   change the document&#39;s layout when the viewport is resized (see the <a
-   href="#initial-containing-block">initial containing block</a>).
+   change the document&#39;s layout when the viewport is resized (see the
+   <span>initial containing block</span>).
 
   <p id=when-the-viewport-is-smaller-than-the-ar> When the viewport is
    smaller than the area of the canvas on which the document is rendered, the
@@ -541,32 +539,16 @@
    <dfn id=containing-block0>containing block</dfn></h3>
 
   <p id=the-position-and-size-of-an-element39s-b> The position and size of an
-   element&#39;s box(es) are sometimes calculated relative to a certain
+   element&#39;s box(es) are sometimes computed relative to a certain
    rectangle, called the containing block of the element. The containing
-   block of an element is defined as follows:
+   block of a &lsquo;<code class=css>static</code>&rsquo; or &lsquo;<code
+   class=css>relative</code>&rsquo; element is defined in the Box Model <a
+   href="#CSS3BOX" rel=biblioentry>[CSS3BOX]<!--{{!CSS3BOX}}--></a>; for
+   &lsquo;<code class=css>fixed</code>&rsquo;, &lsquo;<code
+   class=css>absolute</code>&rsquo; and &lsquo;<code
+   class=css>page</code>&rsquo;, it is defined as follows:
 
   <ol>
-   <li id=the-containing-block-in-which-the-root-e> The containing block in
-    which the <a href="http://www.w3.org/TR/CSS2/conform.html#root">root
-    element</a> lives is a rectangle called the <dfn
-    id=initial-containing-block>initial containing block</dfn>. For
-    continuous media, it has the dimensions of the <a
-    href="#viewport0">viewport</a> and is anchored at the canvas origin; it
-    is the <a href="http://www.w3.org/TR/CSS2/page.html#page-area">page
-    area</a> for paged media. The &lsquo;<code
-    class=property>direction</code>&rsquo; property of the initial containing
-    block is the same as for the root element.
-
-   <li id=for-other-elements-if-the-element39s-pos> For other elements, if
-    the element&#39;s position is <a href="#relative"
-    title="'position'!!''relative''">&lsquo;<code
-    class=css>relative</code>&rsquo;</a> or <a href="#static"
-    title="'position'!!''static''">&lsquo;<code
-    class=css>static</code>&rsquo;</a>, the containing block is formed by the
-    content edge of the nearest <a
-    href="http://www.w3.org/TR/CSS2/visuren.html#block-boxes">block
-    container</a> ancestor box.
-
    <li id=if-the-element-has-positioned-fixed-the-> If the element has <a
     href="#fixed" title="'position'!!''fixed''">&lsquo;<code
     class=css>positioned: fixed</code>&rsquo;</a>, the containing block is
@@ -576,9 +558,9 @@
    <li id=if-the-element-has-position-page-the-con> If the element has <a
     href="#page" title="'position'!!''page''">&lsquo;<code
     class=css>position: page</code>&rsquo;</a>, the containing block is the
-    <a href="#initial-containing-block">initial containing block</a>.
-    Typically this is the <a href="#viewport0">viewport</a> or the page area
-    when in paged media. In the case of CSS Regions <a href="#CSS3-REGIONS"
+    <span>initial containing block</span>. Typically this is the <a
+    href="#viewport0">viewport</a> or the page area when in paged media. In
+    the case of CSS Regions <a href="#CSS3-REGIONS"
     rel=biblioentry>[CSS3-REGIONS]<!--{{!CSS3-REGIONS}}--></a> this is the
     individual region.
 
@@ -619,8 +601,8 @@
     </ol>
 
    <li id=if-there-is-no-such-ancestor-the-contain>If there is no such
-    ancestor, the containing block is the <a
-    href="#initial-containing-block">initial containing block</a>.
+    ancestor, the containing block is the <span>initial containing
+    block</span>.
   </ol>
 
   <p id=in-paged-media-an-absolutely-positioned-> In paged media, an
@@ -718,9 +700,8 @@
 </code></pre>
 
    <p id=its-containing-block-is-no-longer-body-i> its containing block is no
-    longer "body"; it becomes the <a href="#initial-containing-block">initial
-    containing block</a> (since there are no other positioned ancestor
-    boxes).</p>
+    longer "body"; it becomes the <span>initial containing block</span>
+    (since there are no other positioned ancestor boxes).</p>
 
    <p id=if-we-position-em1-as-well>If we position "em1" as well:</p>
 
@@ -798,10 +779,11 @@
   <p id=a-float-is-a-box-that-is-positioned-with> A float is a box that is
    positioned within content, often left or right on the current line. The
    most interesting characteristic of a float (or "floated" or "floating"
-   box) is that content may flow along its side (or be prohibited from doing
-   so by the &lsquo;<code class=property>clear</code>&rsquo; property) or
-   around the floated box. See the CSS 2.1 <a href="#CSS21"
-   rel=biblioentry>[CSS21]<!--{{!CSS21}}--></a><!--CSS Floats module [[CSS3FLOATS]]-->
+   box") is that inline-level content may flow along its side (or be
+   prohibited from doing so by the &lsquo;<code
+   class=property>clear</code>&rsquo; property) or around the floated box.
+   See the CSS 2.1 <a href="#CSS21"
+   rel=biblioentry>[CSS21]<!--{{!CSS21}}--></a><!--CSS Floats module [[!CSS3FLOATS]]-->
    for details about <a
    href="http://www.w3.org/TR/CSS2/visuren.html#floats">floating boxes</a>.</p>
   <!-- End section: Floats -->
@@ -850,7 +832,7 @@
 
   <p id=once-a-box-has-been-laid-out-according-t> Once a box has been laid
    out according to the <a href="#normal-flow0">normal flow</a> or <span
-   title=floats>floated</span>, it may be shifted relative to this position.
+   title=floats>floated</span>, it may be offset relative to this position.
    This is called relative positioning. Offsetting a box (B1) in this way has
    no effect on the box (B2) that follows: B2 is given a position as if B1
    were not offset and B2 is not re-positioned after B1&#39;s offset is
@@ -859,7 +841,7 @@
    class=css>overflow: auto</code>&rsquo; or &lsquo;<code class=css>overflow:
    scroll</code>&rsquo; box to have overflow, the user agent must allow the
    user to access this content (at its offset position), which, through the
-   creation of scrollbars, may affect layout.
+   creation of a scrolling mechanism, may affect layout.
 
   <p id=a-relatively-positioned-box-keeps-its-no> A relatively positioned box
    keeps its <a href="#normal-flow0">normal flow</a> size, including line
@@ -966,13 +948,10 @@
    will be minus the value of &lsquo;<a href="#top"><code
    class=property>top</code></a>&rsquo;).
 
-  <p class=note id=note-dynamic-movement-of-relatively-posi> Note, dynamic
-   movement of relatively positioned boxes can produce animation effects in
-   scripting environments (see also the &lsquo;<code
-   class=property>visibility</code>&rsquo; property). Although relative
-   positioning may be used as a form of superscripting and subscripting, the
-   line height is not automatically adjusted to take the positioning into
-   consideration. See the description of <a
+  <p class=note id=note-although-relative-positioning-could> Note, Although
+   relative positioning could be used as a form of superscripting and
+   subscripting, the line height is not automatically adjusted to take the
+   positioning into consideration. See the description of <a
    href="http://www.w3.org/TR/CSS2/visudet.html#line-height">line height
    calculations</a> for more information.
 
@@ -1016,10 +995,10 @@
    positioning</span></h3>
 
   <p id=in-the-page-positioning-model-a-box-is-e> In the page positioning
-   model, a box is explicitly offset with respect to its <a
-   href="#initial-containing-block">initial containing block</a>. It is
-   removed from the <a href="#normal-flow0">normal flow</a> entirely (it has
-   no impact on later siblings). A page positioned box establishes a new <a
+   model, a box is explicitly offset with respect to its <span>initial
+   containing block</span>. It is removed from the <a
+   href="#normal-flow0">normal flow</a> entirely (it has no impact on later
+   siblings). A page positioned box establishes a new <a
    href="#containing-block0">containing block</a> for <a
    href="#normal-flow0">normal flow</a> children and absolutely (but not
    fixed, or page) positioned descendants. However, the contents of a page
@@ -1040,17 +1019,7 @@
    box) imply that the element&#39;s &lsquo;<a href="#position"><code
    class=property>position</code></a>&rsquo; property has the value <a
    href="#page" title="'position'!!''page''">&lsquo;<code
-   class=css>page</code>&rsquo;</a>.
-
-  <p class=note id=when-a-page-positioned-element-is-not-wi> When a page
-   positioned element is not within a CSS Region <a href="#CSS3-REGIONS"
-   rel=biblioentry>[CSS3-REGIONS]<!--{{!CSS3-REGIONS}}--></a> the <a
-   href="#initial-containing-block">initial containing block</a> is the <a
-   href="#viewport0">viewport</a>. This can cause odd behavior for layout of
-   page positioned elements where they will all be laid out from the <a
-   href="#viewport0">viewport</a> and potentially overlap from that location.
-   Authors should be aware how their content will be consumed when using page
-   postioning.</p>
+   class=css>page</code>&rsquo;</a>.</p>
   <!-- End section: Page positioning -->
 
   <h3 id=fixed-positioning><span class=secno>6.4. </span><span
@@ -1058,10 +1027,10 @@
    title="fixed positioning|fixed position|fixed positioned">Fixed
    positioning</span></h3>
 
-  <p id=fixed-positioning-is-a-subcategory-of-ab> Fixed positioning is a
-   subcategory of absolute positioning. The only difference is that for a
-   fixed positioned box, the <a href="#containing-block0">containing
-   block</a> is established by the <a href="#viewport0">viewport</a>. For <a
+  <p id=fixed-positioning-is-similar-to-absolute> Fixed positioning is
+   similar to absolute positioning. The only difference is that for a fixed
+   positioned box, the <a href="#containing-block0">containing block</a> is
+   established by the <a href="#viewport0">viewport</a>. For <a
    href="http://www.w3.org/TR/CSS2/media.html#continuous-media-group">continuous
    media</a>, fixed boxes do not move when the document is scrolled. In this
    respect, they are similar to <a
@@ -1071,20 +1040,18 @@
    media</a>, boxes with fixed positions are repeated on every page. This is
    useful for placing, for instance, a signature at the bottom of each page.
    Boxes with fixed position that are larger than the page area are clipped.
-   Parts of the fixed position box that are not visible in the <a
-   href="#initial-containing-block">initial containing block</a> will not
-   print.
+   Parts of the fixed position box that are not visible in the <span>initial
+   containing block</span> will not print.
 
   <div class=example>
    <p id=authors-may-use-fixed-positioning-to-cre> Authors may use fixed
-    positioning to create frame-like presentations. Consider the following
-    frame layout:</p>
+    positioning to create following presentation:</p>
 
    <div class=figure>
     <p id=nbspnbspnbspd-> <img alt="Example of frame layout" src=frame.png>
      <span class=dlink>&nbsp;&nbsp;&nbsp;<a
      href="http://www.w3.org/TR/CSS2/images/longdesc/frame-desc.html"
-     name=img-anon-block
+     id=img-anon-block
      title="Long description for frame layout example">[D]</a></span></p>
    </div>
 
@@ -1186,6 +1153,11 @@
      <td>no
 
     <tr>
+     <th>Animatable:
+
+     <td>no
+
+    <tr>
      <th>Percentages:
 
      <td>N/A
@@ -1265,17 +1237,16 @@
    <dd>
     <p id=the-box39s-position-is-calculated-accord> The box&#39;s position is
      calculated according to the "absolute" model, but in addition, the box
-     <a href="#containing-block0">containing block</a> is always the <a
-     href="#initial-containing-block">initial containing block</a>. As with
-     the "absolute" model, the box&#39;s margins do not collapse with any
-     other margins. In the case of the print media type, the box is rendered
-     only on the initial page where the page positioned element originated.
-     User agents may paginate the content of paged boxes.</p>
+     <a href="#containing-block0">containing block</a> is always the
+     <span>initial containing block</span>. As with the "absolute" model, the
+     box&#39;s margins do not collapse with any other margins. In the case of
+     the print media type, the box is rendered only on the initial page where
+     the page positioned element originated. User agents may paginate the
+     content of paged boxes.</p>
 
     <p class=note id=note-that-css-regions-are-also-initial-c> Note, that CSS
-     Regions are also <a href="#initial-containing-block"
-     title="initial containing block">initial containing blocks</a>, in
-     accordance with <a
+     Regions are also <span title="initial containing block">initial
+     containing blocks</span>, in accordance with <a
      href="http://dev.w3.org/csswg/css3-regions/Overview.html#flow-into">&lsquo;<code
      class=property>flow-into</code>&rsquo;</a> property of the CSS Regions
      Module <a href="#CSS3-REGIONS"
@@ -1381,6 +1352,10 @@
                 <td>no</td>
             </tr>
             <tr>
+                <th>Animatable:</th>
+                <td>no</td>
+            </tr>
+            <tr>
                 <th>Percentages:</th>
                 <td>N/A</td>
             </tr>
@@ -1475,6 +1450,11 @@
      <td>no
 
     <tr>
+     <th>Animatable:
+
+     <td>&lt;length&gt;, &lt;percentage&gt;
+
+    <tr>
      <th>Percentages:
 
      <td>refer to height of <a href="#containing-block0">containing block</a>
@@ -1507,11 +1487,10 @@
    the top edges of the box itself (i.e., the box is given a position in the
    <a href="#normal-flow0">normal flow</a>, then offset from that position
    according to these properties). For page positioned boxes, the offset is
-   with respect to the top edge of the <a
-   href="#initial-containing-block">initial containing block</a> itself. For
-   absolutely positioned elements whose containing block is based on a
-   block-level element, these properties are an offset from the padding edge
-   of that element.
+   with respect to the top edge of the <span>initial containing block</span>
+   itself. For absolutely positioned elements whose containing block is based
+   on a block-level element, these properties are an offset from the padding
+   edge of that element.
 
   <table class=propdef id=propdef-right>
    <tbody>
@@ -1542,6 +1521,11 @@
      <td>no
 
     <tr>
+     <th>Animatable:
+
+     <td>&lt;length&gt;, &lt;percentage&gt;
+
+    <tr>
      <th>Percentages:
 
      <td>refer to height of <a href="#containing-block0">containing block</a>
@@ -1573,8 +1557,8 @@
    of the box&#39;s <a href="#containing-block0">containing block</a>. For
    relatively positioned boxes, the offset is with respect to the right edge
    of the box itself. For page positioned boxes, the offset is with respect
-   to the right edge of the <a href="#initial-containing-block">initial
-   containing block</a> itself. For absolutely positioned elements whose <a
+   to the right edge of the <span>initial containing block</span> itself. For
+   absolutely positioned elements whose <a
    href="#containing-block0">containing block</a> is based on a block-level
    element, these properties are an offset from the padding edge of that
    element.
@@ -1608,6 +1592,11 @@
      <td>no
 
     <tr>
+     <th>Animatable:
+
+     <td>&lt;length&gt;, &lt;percentage&gt;
+
+    <tr>
      <th>Percentages:
 
      <td>refer to height of <a href="#containing-block0">containing block</a>
@@ -1639,8 +1628,8 @@
    box&#39;s <a href="#containing-block0">containing block</a>. For
    relatively positioned boxes, the offset is with respect to the bottom edge
    of the box itself. For page positioned boxes, the offset is with respect
-   to the bottom edge of the <a href="#initial-containing-block">initial
-   containing block</a> itself. For absolutely positioned elements whose <a
+   to the bottom edge of the <span>initial containing block</span> itself.
+   For absolutely positioned elements whose <a
    href="#containing-block0">containing block</a> is based on a block-level
    element, these properties are an offset from the padding edge of that
    element.
@@ -1674,6 +1663,11 @@
      <td>no
 
     <tr>
+     <th>Animatable:
+
+     <td>&lt;length&gt;, &lt;percentage&gt;
+
+    <tr>
      <th>Percentages:
 
      <td>refer to height of <a href="#containing-block0">containing block</a>
@@ -1747,8 +1741,8 @@
    negative values may easily move elements outside the <a
    href="#viewport0">viewport</a> and make the contents unreachable through
    scrolling or other means. Authors should be aware that page positioned
-   elements and fixed position elements are always relative to the <a
-   href="#initial-containing-block">initial containing block</a>.</p>
+   elements and fixed position elements are always relative to the
+   <span>initial containing block</span>.</p>
   <!-- End section: Box offsets: 'top', 'right', 'bottom', 'left'  -->
 
   <h2 id=size-and-position-details><span class=secno>7. </span>Sizing and
@@ -2622,6 +2616,9 @@
 
      <td><span>same as specified</span>
   </table>
+
+  <p class=issue id=what-about-new-display-types-box-grid-ru>What about new
+   display types, "box, grid, ruby, etc..."?</p>
   <!-- End section: Relationships between 'display', 'position', and 'float' -->
 
   <h2 id=comparison-of-flow-floats-absolute-positioning><span class=secno>9.
@@ -2705,7 +2702,7 @@
     src="http://www.w3.org/TR/CSS2/images/flow-generic.png"> <span
     class=dlink>&nbsp;&nbsp;&nbsp;<a
     href="http://www.w3.org/TR/CSS2/images/longdesc/flow-generic-desc.html"
-    name=img-flow-generic
+    id=img-flow-generic
     title="Long description for normal flow example">[D]</a></span></p>
   </div>
   <!-- End section: Normal flow -->
@@ -2747,7 +2744,7 @@
     src="http://www.w3.org/TR/CSS2/images/flow-relative.png"> <span
     class=dlink>&nbsp;&nbsp;&nbsp;<a
     href="http://www.w3.org/TR/CSS2/images/longdesc/flow-relative-desc.html"
-    name=img-flow-relative
+    id=img-flow-relative
     title="Long description for relative positioning example">[D]</a></span></p>
   </div>
 
@@ -2784,7 +2781,7 @@
     src="http://www.w3.org/TR/CSS2/images/flow-float.png"> <span
     class=dlink>&nbsp;&nbsp;&nbsp;<a
     href="http://www.w3.org/TR/CSS2/images/longdesc/flow-float-desc.html"
-    name=img-flow-float
+    id=img-flow-float
     title="Long description of example illustrating floating">[D]</a></span></p>
   </div>
 
@@ -2830,7 +2827,7 @@
     src="http://www.w3.org/TR/CSS2/images/flow-clear.png"> <span
     class=dlink>&nbsp;&nbsp;&nbsp;<a
     href="http://www.w3.org/TR/CSS2/images/longdesc/flow-clear-desc.html"
-    name=img-flow-clear
+    id=img-flow-clear
     title="Long description of example illustrating floating without clear">[D]</a></span>
     </p>
   </div>
@@ -2856,7 +2853,7 @@
     src="http://www.w3.org/TR/CSS2/images/flow-clear2.png"> <span
     class=dlink>&nbsp;&nbsp;&nbsp;<a
     href="http://www.w3.org/TR/CSS2/images/longdesc/flow-clear2-desc.html"
-    name=img-flow-clear2
+    id=img-flow-clear2
     title="Long description of example illustrating floating with clear">[D]</a></span>
     </p>
   </div>
@@ -2884,13 +2881,13 @@
    <em>outer</em> box to be positioned with respect to its <a
    href="#containing-block0">containing block</a>. The <a
    href="#containing-block0">containing block</a> for a positioned box is
-   established by the nearest positioned ancestor (or, if none exists, the <a
-   href="#initial-containing-block">initial containing block</a>, as in our
-   example). The top side of the <em>outer</em> box is &lsquo;<code
-   class=css>200px</code>&rsquo; below the top of the <a
-   href="#containing-block0">containing block</a> and the left side is
-   &lsquo;<code class=css>200px</code>&rsquo; from the left side. The child
-   box of <em>outer</em> is flowed normally with respect to its parent.
+   established by the nearest positioned ancestor (or, if none exists, the
+   <span>initial containing block</span>, as in our example). The top side of
+   the <em>outer</em> box is &lsquo;<code class=css>200px</code>&rsquo; below
+   the top of the <a href="#containing-block0">containing block</a> and the
+   left side is &lsquo;<code class=css>200px</code>&rsquo; from the left
+   side. The child box of <em>outer</em> is flowed normally with respect to
+   its parent.
 
   <div class=figure>
    <p id=nbspnbspnbspd-5> <img
@@ -2898,7 +2895,7 @@
     src="http://www.w3.org/TR/CSS2/images/flow-absolute.png"> <span
     class=dlink>&nbsp;&nbsp;&nbsp;<a
     href="http://www.w3.org/TR/CSS2/images/longdesc/flow-absolute-desc.html"
-    name=img-flow-absolute
+    id=img-flow-absolute
     title="Long description for example illustrating absolute positioning">[D]</a></span>
     </p>
   </div>
@@ -2941,7 +2938,7 @@
     src="http://www.w3.org/TR/CSS2/images/flow-abs-rel.png"> <span
     class=dlink>&nbsp;&nbsp;&nbsp;<a
     href="http://www.w3.org/TR/CSS2/images/longdesc/flow-abs-rel-desc.html"
-    name=img-flow-abs-rel
+    id=img-flow-abs-rel
     title="Long description for example illustrating positioning with respect to a positioned ancestor">[D]</a></span>
     </p>
   </div>
@@ -2963,9 +2960,9 @@
 
   <p id=the-containing-block-for-inner-becomes-t> the <a
    href="#containing-block0">containing block</a> for <em>inner</em> becomes
-   the <a href="#initial-containing-block">initial containing block</a> (in
-   our example). The following illustration shows where the <em>inner</em>
-   box would end up in this case.
+   the <span>initial containing block</span> (in our example). The following
+   illustration shows where the <em>inner</em> box would end up in this case.
+   
 
   <div class=figure>
    <p id=nbspnbspnbspd-7> <img
@@ -2973,7 +2970,7 @@
     src="http://www.w3.org/TR/CSS2/images/flow-static.png"> <span
     class=dlink>&nbsp;&nbsp;&nbsp;<a
     href="http://www.w3.org/TR/CSS2/images/longdesc/flow-static-desc.html"
-    name=img-flow-static
+    id=img-flow-static
     title="Long description illustrating absolute positioning with respect to the initial containing block">[D]</a></span>
     </p>
   </div>
@@ -3000,7 +2997,7 @@
     src="http://www.w3.org/TR/CSS2/images/changebar.png"> <span
     class=dlink>&nbsp;&nbsp;&nbsp;<a
     href="http://www.w3.org/TR/CSS2/images/longdesc/changebar-desc.html"
-    name=img-changebar
+    id=img-changebar
     title="Long description for change bar example">[D]</a></span></p>
   </div>
 
@@ -3040,13 +3037,12 @@
    <em>outer</em> box to be positioned with respect to its <a
    href="#containing-block0">containing block</a>. The <a
    href="#containing-block0">containing block</a> for a page positioned box
-   is always established by the <a href="#initial-containing-block">initial
-   containing block</a>. The top side of the <em>outer</em> box is
-   &lsquo;<code class=css>200px</code>&rsquo; below the top of the <a
-   href="#initial-containing-block">initial containing block</a> and the left
-   side is &lsquo;<code class=css>200px</code>&rsquo; from the left side. The
-   child box of <em>outer</em> is flowed normally with respect to its parent.
-   
+   is always established by the <span>initial containing block</span>. The
+   top side of the <em>outer</em> box is &lsquo;<code
+   class=css>200px</code>&rsquo; below the top of the <span>initial
+   containing block</span> and the left side is &lsquo;<code
+   class=css>200px</code>&rsquo; from the left side. The child box of
+   <em>outer</em> is flowed normally with respect to its parent.
 
   <div class=figure>
    <p id=nbspnbspnbspd-9> <img
@@ -3054,7 +3050,7 @@
     src="http://www.w3.org/TR/CSS2/images/flow-absolute.png"> <span
     class=dlink>&nbsp;&nbsp;&nbsp;<a
     href="http://www.w3.org/TR/CSS2/images/longdesc/flow-absolute-desc.html"
-    name=img-flow-absolute
+    id=img-flow-absolute
     title="Long description for example illustrating absolute positioning">[D]</a></span>
     </p>
   </div>
@@ -3070,9 +3066,8 @@
    href="#containing-block0">containing block</a> is not the <a
    href="#relative-positioning1" title="relative positioning">relative
    positioned</a> <em>outer box</em> box, page positioned elements are
-   positioned from the <a href="#initial-containing-block">initial containing
-   block</a>, in this case the top and left edges of the illustration itself.
-   
+   positioned from the <span>initial containing block</span>, in this case
+   the top and left edges of the illustration itself.
 
   <div class=example>
    <pre><code class=css>
@@ -3098,7 +3093,7 @@
     src="http://www.w3.org/TR/CSS2/images/flow-static.png"> <span
     class=dlink>&nbsp;&nbsp;&nbsp;<a
     href="http://www.w3.org/TR/CSS2/images/longdesc/flow-static-desc.html"
-    name=img-flow-static
+    id=img-flow-static
     title="Long description illustrating page positioning with respect to the initial containing block.">[D]</a></span>
     </p>
   </div>
@@ -3120,9 +3115,8 @@
 
   <p id=the-containing-block-for-inner-becomes-t0> the <a
    href="#containing-block0">containing block</a> for <em>inner</em> becomes
-   the <a href="#initial-containing-block">initial containing block</a>. The
-   following illustration shows where the <em>inner</em> box would end up in
-   this case.
+   the <span>initial containing block</span>. The following illustration
+   shows where the <em>inner</em> box would end up in this case.
 
   <div class=figure>
    <p id=nbspnbspnbspd-11> <img
@@ -3130,7 +3124,7 @@
     src="http://www.w3.org/TR/CSS2/images/flow-static.png"> <span
     class=dlink>&nbsp;&nbsp;&nbsp;<a
     href="http://www.w3.org/TR/CSS2/images/longdesc/flow-static-desc.html"
-    name=img-flow-static
+    id=img-flow-static
     title="Long description illustrating page positioning with respect to the initial containing block.">[D]</a></span>
     </p>
   </div>
@@ -3175,6 +3169,11 @@
      <td>no
 
     <tr>
+     <th>Animatable:
+
+     <td>&lt;shape&gt;
+
+    <tr>
      <th>Percentages:
 
      <td>N/A
@@ -3407,6 +3406,11 @@
      <td>no
 
     <tr>
+     <th>Animatable:
+
+     <td>&lt;integer&gt;
+
+    <tr>
      <th>Percentages:
 
      <td>N/A
@@ -3717,7 +3721,9 @@
               to <a href="#each-box">7.2.1</a> for that element
             </ol>
           </ol>
-          For inline-block and inline-table elements:
+
+         <li id=for-inline-block-and-inline-table-elemen>For inline-block and
+          inline-table elements:
           <ol>
            <li id=for-each-one-of-these-treat-the-element-> For each one of
             these, treat the element as if it created a new stacking context,
@@ -3725,7 +3731,9 @@
             create a new stacking context are considered part of the parent
             stacking context, not this new one.
           </ol>
-          For inline-level replaced elements:
+
+         <li id=for-inline-level-replaced-elements-the-r>For inline-level
+          replaced elements:
           <ol>
            <li id=the-replaced-content-atomically.>the replaced content,
             atomically.
@@ -3986,10 +3994,10 @@
    <dt id=CSS21>[CSS21]
 
    <dd>Bert Bos; et al. <a
-    href="http://www.w3.org/TR/2011/REC-CSS2-20110607/"><cite>Cascading Style
+    href="http://www.w3.org/TR/2011/REC-CSS2-20110607"><cite>Cascading Style
     Sheets Level 2 Revision 1 (CSS&#160;2.1) Specification.</cite></a> 7 June
     2011. W3C Recommendation. URL: <a
-    href="http://www.w3.org/TR/2011/REC-CSS2-20110607/">http://www.w3.org/TR/2011/REC-CSS2-20110607/</a>
+    href="http://www.w3.org/TR/2011/REC-CSS2-20110607">http://www.w3.org/TR/2011/REC-CSS2-20110607</a>
     </dd>
    <!---->
 
@@ -4044,11 +4052,11 @@
 
    <dt id=CSS3VAL>[CSS3VAL]
 
-   <dd>H&#229;kon Wium Lie; Chris Lilley. <a
-    href="http://www.w3.org/TR/2006/WD-css3-values-20060919"><cite>CSS3
-    Values and Units.</cite></a> 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>
@@ -4140,9 +4148,6 @@
    <li>floating box, <a href="#floats0"
     title="floating box"><strong>5.</strong></a>
 
-   <li>initial containing block, <a href="#initial-containing-block"
-    title="initial containing block"><strong>3.1.</strong></a>
-
    <li>&lsquo;<a href="#left"><code class=property>left</code></a>&rsquo;, <a
     href="#left" title="'left'"><strong>6.6.</strong></a>
     <ul>
@@ -4316,9 +4321,9 @@
 
      <td>no
 
-     <td>refer to height of containing block
+     <td>&lt;length&gt;, &lt;percentage&gt;
 
-     <td>visual
+     <td>refer to height of containing block
 
     <tr>
      <th><a class=property href="#clip">clip</a>
@@ -4331,9 +4336,9 @@
 
      <td>no
 
-     <td>N/A
+     <td>&lt;shape&gt;
 
-     <td>visual
+     <td>N/A
 
     <tr>
      <th><a class=property href="#left">left</a>
@@ -4346,9 +4351,9 @@
 
      <td>no
 
-     <td>refer to height of containing block
+     <td>&lt;length&gt;, &lt;percentage&gt;
 
-     <td>visual
+     <td>refer to height of containing block
 
     <tr>
      <th><a class=property href="#position">position</a>
@@ -4361,9 +4366,9 @@
 
      <td>no
 
-     <td>N/A
+     <td>no
 
-     <td>visual
+     <td>N/A
 
     <tr>
      <th><a class=property href="#right">right</a>
@@ -4376,9 +4381,9 @@
 
      <td>no
 
-     <td>refer to height of containing block
+     <td>&lt;length&gt;, &lt;percentage&gt;
 
-     <td>visual
+     <td>refer to height of containing block
 
     <tr>
      <th><a class=property href="#top">top</a>
@@ -4391,9 +4396,9 @@
 
      <td>no
 
-     <td>refer to height of containing block
+     <td>&lt;length&gt;, &lt;percentage&gt;
 
-     <td>visual
+     <td>refer to height of containing block
 
     <tr>
      <th><a class=property href="#z-index">z-index</a>
@@ -4406,11 +4411,12 @@
 
      <td>no
 
-     <td>N/A
+     <td>&lt;integer&gt;
 
-     <td>visual
+     <td>N/A
   </table>
   <!--end-properties-->
+  </body>
 </html>
 <!-- Keep this comment at the end of the file
 Local variables:

Index: Overview.src.html
===================================================================
RCS file: /sources/public/csswg/css3-positioning/Overview.src.html,v
retrieving revision 1.4
retrieving revision 1.5
diff -u -d -r1.4 -r1.5
--- Overview.src.html	21 Oct 2011 21:53:07 -0000	1.4
+++ Overview.src.html	28 Oct 2011 00:10:16 -0000	1.5
@@ -91,13 +91,11 @@
         <h2 id="intro">Introduction</h2>
         <p><em>This section is not normative.</em></p>
         <p>
-            CSS assumes the document layout is modeled as a tree of elements. Each element has an 
-            ordered list of zero or more child elements, with an optional string of text before the 
-            list, in-between the children and after the list. The unique element that has no parent 
-            is called the root element. This module describes how any of the elements from the tree 
-            of elements can be arranged independent of document order (i.e. taken out of "flow"). 
-            With a positioned element the element may be placed anywhere within the content not 
-            specifically respecting the tree of elements order. 
+            CSS assumes the document layout is modeled as a tree of elements. The unique element 
+            that has no parent is called the root element. This module describes how any of the 
+            elements from the tree of elements can be arranged independent of document order (i.e. 
+            taken out of "flow"). With a positioned element the element may be placed anywhere 
+            within the content not specifically respecting the tree of elements order.
         </p>
         <p>
             In [[!CSS21]], the visual formatting model explained how each element in the document 
@@ -180,24 +178,13 @@
 
         <h3 id="def-containing-blocks">Definition of <dfn>containing block</dfn></h3>
         <p>
-            The position and size of an element&#39;s box(es) are sometimes calculated relative to a 
-            certain rectangle, called the containing block of the element. The containing block of 
-            an element is defined as follows:
+            The position and size of an element&#39;s box(es) are sometimes computed relative to a 
+            certain rectangle, called the containing block of the element. The containing block of a 
+            ''static'' or ''relative'' element is defined in the Box Model [[!CSS3BOX]]; for 
+            ''fixed'', ''absolute'' and ''page'', it is defined as follows:
         </p>
         <ol>
             <li>
-                The containing block in which the <a href="http://www.w3.org/TR/CSS2/conform.html#root">root element</a> lives 
-                is a rectangle called the <dfn>initial containing block</dfn>. For continuous media, 
-                it has the dimensions of the <span>viewport</span> and is anchored at 
-                the canvas origin; it is the <a href="http://www.w3.org/TR/CSS2/page.html#page-area">page area</a> for paged media. 
-                The 'direction' property of the initial containing block is the same as for the root element.
-            </li>
-            <li>
-                For other elements, if the element&#39;s position is <span title="'position'!!''relative''">''relative''</span> or <span title="'position'!!''static''">''static''</span>, the 
-                containing block is formed by the content edge of the nearest <a href="http://www.w3.org/TR/CSS2/visuren.html#block-boxes">block container</a> 
-                ancestor box.
-            </li>
-            <li>
                 If the element has <span title="'position'!!''fixed''">'positioned: fixed'</span>, the containing block is established by the 
                 <span>viewport</span> in the case of continuous media or the page area in 
                 the case of paged media.
@@ -332,9 +319,9 @@
         <h2 id="floats"><dfn title="float|floated box|floating box">Floats</dfn></h2>
         <p>
             A float is a box that is positioned within content, often left or right on the current 
-            line. The most interesting characteristic of a float (or "floated" or "floating" box) 
-            is that content may flow along its side (or be prohibited from doing so by the 'clear' 
-            property) or around the floated box. See the CSS 2.1 [[!CSS21]]<!--CSS Floats module [[CSS3FLOATS]]--> for 
+            line. The most interesting characteristic of a float (or "floated" or "floating" box") 
+            is that inline-level content may flow along its side (or be prohibited from doing so by 
+            the 'clear' property) or around the floated box. See the CSS 2.1 [[!CSS21]]<!--CSS Floats module [[!CSS3FLOATS]]--> for 
             details about <a href="http://www.w3.org/TR/CSS2/visuren.html#floats">floating boxes</a>.
         </p>
         <!-- End section: Floats -->
@@ -371,13 +358,13 @@
         <h3 id="relative-positioning"><dfn title="relative positioning|relative position|relatively positioned">Relative Positioning</dfn></h3>
         <p>
             Once a box has been laid out according to the <span>normal flow</span> or <span title="floats">floated</span>, 
-            it may be shifted relative to this position. This is called relative positioning. 
+            it may be offset relative to this position. This is called relative positioning. 
             Offsetting a box (B1) in this way has no effect on the box (B2) that follows: B2 is 
             given a position as if B1 were not offset and B2 is not re-positioned after B1&#39;s offset 
             is applied. This implies that relative positioning may cause boxes to overlap. However, 
             if relative positioning causes an 'overflow: auto' or 'overflow: scroll' box to have 
             overflow, the user agent must allow the user to access this content (at its offset 
-            position), which, through the creation of scrollbars, may affect layout.
+            position), which, through the creation of a scrolling mechanism, may affect layout.
         </p>
         <p>
             A relatively positioned box keeps its <span>normal flow</span> size, including line breaks and the 
@@ -434,9 +421,7 @@
             'bottom' will be minus the value of 'top').
         </p>
         <p class="note">
-            Note, dynamic movement of relatively positioned boxes can produce animation effects in 
-            scripting environments (see also the 'visibility' property). 
-            Although relative positioning may be used as a form of superscripting and subscripting, 
+            Note, Although relative positioning could be used as a form of superscripting and subscripting, 
             the line height is not automatically adjusted to take the positioning into consideration. 
             See the description of <a href="http://www.w3.org/TR/CSS2/visudet.html#line-height">line height calculations</a> for more information.
         </p>
@@ -482,18 +467,11 @@
             References in this specification to a <span class="index-def" title="page positioned element/box">page positioned element</span> (or its box) imply 
             that the element&#39;s 'position' property has the value <span title="'position'!!''page''">''page''</span>.
         </p>
-        <p class="note">
-            When a page positioned element is not within a CSS Region [[!CSS3-REGIONS]] the <span>initial 
-            containing block</span> is the <span>viewport</span>. This can cause odd behavior for layout of page 
-            positioned elements where they will all be laid out from the <span>viewport</span> and potentially 
-            overlap from that location. Authors should be aware how their content will be consumed 
-            when using page postioning.
-        </p>
         <!-- End section: Page positioning -->
 
         <h3 id="fixed-positioning"><span class="index-def" title="fixed positioning|fixed position|fixed positioned">Fixed positioning</span></h3>
         <p>
-            Fixed positioning is a subcategory of absolute positioning. The only difference is that 
+            Fixed positioning is similar to absolute positioning. The only difference is that 
             for a fixed positioned box, the <span>containing block</span> is established by the <span>viewport</span>. 
             For <a href="http://www.w3.org/TR/CSS2/media.html#continuous-media-group">continuous media</a>, 
             fixed boxes do not move when the document is scrolled. In this respect, they are similar 
@@ -506,13 +484,12 @@
         </p>
         <div class="example">
             <p>
-                Authors may use fixed positioning to create frame-like presentations. Consider the 
-                following frame layout:
+                Authors may use fixed positioning to create following presentation:
             </p>
             <div class="figure">
                 <p>
                     <img src="frame.png" alt="Example of frame layout">
-                    <span class="dlink">&nbsp;&nbsp;&nbsp;<a name="img-anon-block" href="http://www.w3.org/TR/CSS2/images/longdesc/frame-desc.html" title="Long description for frame layout example">[D]</a></span>
+                    <span class="dlink">&nbsp;&nbsp;&nbsp;<a id="img-anon-block" href="http://www.w3.org/TR/CSS2/images/longdesc/frame-desc.html" title="Long description for frame layout example">[D]</a></span>
                 </p>
             </div>
             <p>This might be achieved with the following HTML document and style rules:</p>
@@ -600,6 +577,10 @@
                 <td>no</td>
             </tr>
             <tr>
+                <th>Animatable:</th>
+                <td>no</td>
+            </tr>
+            <tr>
                 <th>Percentages:</th>
                 <td>N/A</td>
             </tr>
@@ -752,6 +733,10 @@
                 <td>no</td>
             </tr>
             <tr>
+                <th>Animatable:</th>
+                <td>no</td>
+            </tr>
+            <tr>
                 <th>Percentages:</th>
                 <td>N/A</td>
             </tr>
@@ -830,6 +815,10 @@
                 <td>no</td>
             </tr>
             <tr>
+                <th>Animatable:</th>
+                <td>&lt;length&gt;, &lt;percentage&gt;</td>
+            </tr>
+            <tr>
                 <th>Percentages:</th>
                 <td>refer to height of <span>containing block</span></td>
             </tr>
@@ -878,6 +867,10 @@
                 <td>no</td>
             </tr>
             <tr>
+                <th>Animatable:</th>
+                <td>&lt;length&gt;, &lt;percentage&gt;</td>
+            </tr>
+            <tr>
                 <th>Percentages:</th>
                 <td>refer to height of <span>containing block</span></td>
             </tr>
@@ -924,6 +917,10 @@
                 <td>no</td>
             </tr>
             <tr>
+                <th>Animatable:</th>
+                <td>&lt;length&gt;, &lt;percentage&gt;</td>
+            </tr>
+            <tr>
                 <th>Percentages:</th>
                 <td>refer to height of <span>containing block</span></td>
             </tr>
@@ -970,6 +967,10 @@
                 <td>no</td>
             </tr>
             <tr>
+                <th>Animatable:</th>
+                <td>&lt;length&gt;, &lt;percentage&gt;</td>
+            </tr>
+            <tr>
                 <th>Percentages:</th>
                 <td>refer to height of <span>containing block</span></td>
             </tr>
@@ -1539,6 +1540,7 @@
                 <td><span>same as specified</span></td>
             </tr>
         </table>
+        <p class="issue">What about new display types, "box, grid, ruby, etc..."?</p>
         <!-- End section: Relationships between 'display', 'position', and 'float' -->
 
         <h2 id="comparison-of-flow-floats-absolute-positioning">Comparison of normal flow, floats, and absolute positioning</h2>
@@ -1603,7 +1605,7 @@
         <div class="figure">
             <p>
                 <img src="http://www.w3.org/TR/CSS2/images/flow-generic.png" alt="Image illustrating the normal flow of text between parent and sibling boxes.">
-                <span class="dlink">&nbsp;&nbsp;&nbsp;<a name="img-flow-generic" href="http://www.w3.org/TR/CSS2/images/longdesc/flow-generic-desc.html" title="Long description for normal flow example">[D]</a></span>
+                <span class="dlink">&nbsp;&nbsp;&nbsp;<a id="img-flow-generic" href="http://www.w3.org/TR/CSS2/images/longdesc/flow-generic-desc.html" title="Long description for normal flow example">[D]</a></span>
             </p>
         </div>
         <!-- End section: Normal flow -->
@@ -1635,7 +1637,7 @@
             <div class="figure">
                 <p>
                     <img src="http://www.w3.org/TR/CSS2/images/flow-relative.png" alt="Image illustrating the effects of relative positioning on a box's content.">
-                    <span class="dlink">&nbsp;&nbsp;&nbsp;<a name="img-flow-relative" href="http://www.w3.org/TR/CSS2/images/longdesc/flow-relative-desc.html" title="Long description for relative positioning example">[D]</a></span>
+                    <span class="dlink">&nbsp;&nbsp;&nbsp;<a id="img-flow-relative" href="http://www.w3.org/TR/CSS2/images/longdesc/flow-relative-desc.html" title="Long description for relative positioning example">[D]</a></span>
                 </p>
             </div>
             <p class="note">
@@ -1664,7 +1666,7 @@
         <div class="figure">
             <p>
                 <img src="http://www.w3.org/TR/CSS2/images/flow-float.png" alt="Image illustrating the effects of floating a box.">
-                <span class="dlink">&nbsp;&nbsp;&nbsp;<a name="img-flow-float" href="http://www.w3.org/TR/CSS2/images/longdesc/flow-float-desc.html" title="Long description of example illustrating floating">[D]</a></span>
+                <span class="dlink">&nbsp;&nbsp;&nbsp;<a id="img-flow-float" href="http://www.w3.org/TR/CSS2/images/longdesc/flow-float-desc.html" title="Long description of example illustrating floating">[D]</a></span>
             </p>
         </div>
         <p>
@@ -1703,7 +1705,7 @@
         <div class="figure">
             <p>
                 <img src="http://www.w3.org/TR/CSS2/images/flow-clear.png" alt="Image illustrating the effects of floating a box without setting the clear property to control the flow of text around the box.">
-                <span class="dlink">&nbsp;&nbsp;&nbsp;<a name="img-flow-clear" href="http://www.w3.org/TR/CSS2/images/longdesc/flow-clear-desc.html" title="Long description of example illustrating floating without clear">[D]</a></span>
+                <span class="dlink">&nbsp;&nbsp;&nbsp;<a id="img-flow-clear" href="http://www.w3.org/TR/CSS2/images/longdesc/flow-clear-desc.html" title="Long description of example illustrating floating without clear">[D]</a></span>
             </p>
         </div>
         <p>
@@ -1721,7 +1723,7 @@
         <div class="figure">
             <p>
                 <img src="http://www.w3.org/TR/CSS2/images/flow-clear2.png" alt="Image illustrating the effects of floating an element with setting the clear property to control the flow of text around the element.">
-                <span class="dlink">&nbsp;&nbsp;&nbsp;<a name="img-flow-clear2" href="http://www.w3.org/TR/CSS2/images/longdesc/flow-clear2-desc.html" title="Long description of example illustrating floating with clear">[D]</a></span>
+                <span class="dlink">&nbsp;&nbsp;&nbsp;<a id="img-flow-clear2" href="http://www.w3.org/TR/CSS2/images/longdesc/flow-clear2-desc.html" title="Long description of example illustrating floating with clear">[D]</a></span>
             </p>
         </div>
         <!-- End section: floating a box -->
@@ -1753,7 +1755,7 @@
         <div class="figure">
             <p>
                 <img src="http://www.w3.org/TR/CSS2/images/flow-absolute.png" alt="Image illustrating the effects of absolutely positioning a box.">
-                <span class="dlink">&nbsp;&nbsp;&nbsp;<a name="img-flow-absolute" href="http://www.w3.org/TR/CSS2/images/longdesc/flow-absolute-desc.html" title="Long description for example illustrating absolute positioning">[D]</a></span>
+                <span class="dlink">&nbsp;&nbsp;&nbsp;<a id="img-flow-absolute" href="http://www.w3.org/TR/CSS2/images/longdesc/flow-absolute-desc.html" title="Long description for example illustrating absolute positioning">[D]</a></span>
             </p>
         </div>
         <p>
@@ -1782,7 +1784,7 @@
         <div class="figure">
             <p>
                 <img src="http://www.w3.org/TR/CSS2/images/flow-abs-rel.png" alt="Image illustrating the effects of absolutely positioning a box with respect to a containing block.">
-                <span class="dlink">&nbsp;&nbsp;&nbsp;<a name="img-flow-abs-rel" href="http://www.w3.org/TR/CSS2/images/longdesc/flow-abs-rel-desc.html" title="Long description for example illustrating positioning with respect to a positioned ancestor">[D]</a></span>
+                <span class="dlink">&nbsp;&nbsp;&nbsp;<a id="img-flow-abs-rel" href="http://www.w3.org/TR/CSS2/images/longdesc/flow-abs-rel-desc.html" title="Long description for example illustrating positioning with respect to a positioned ancestor">[D]</a></span>
             </p>
         </div>
         <p>If we do not position the <em>outer</em> box:</p>
@@ -1805,7 +1807,7 @@
         <div class="figure">
             <p>
                 <img src="http://www.w3.org/TR/CSS2/images/flow-static.png" alt="Image illustrating the effects of absolutely positioning a box with respect to a containing block established by a normally positioned parent.">
-                <span class="dlink">&nbsp;&nbsp;&nbsp;<a name="img-flow-static" href="http://www.w3.org/TR/CSS2/images/longdesc/flow-static-desc.html" title="Long description illustrating absolute positioning with respect to the initial containing block">[D]</a></span>
+                <span class="dlink">&nbsp;&nbsp;&nbsp;<a id="img-flow-static" href="http://www.w3.org/TR/CSS2/images/longdesc/flow-static-desc.html" title="Long description illustrating absolute positioning with respect to the initial containing block">[D]</a></span>
             </p>
         </div>
         <p>
@@ -1825,7 +1827,7 @@
         <div class="figure">
             <p>
                 <img src="http://www.w3.org/TR/CSS2/images/changebar.png" alt="Image illustrating the use of floats to create a changebar effect.">
-                <span class="dlink">&nbsp;&nbsp;&nbsp;<a name="img-changebar" href="http://www.w3.org/TR/CSS2/images/longdesc/changebar-desc.html" title="Long description for change bar example">[D]</a></span>
+                <span class="dlink">&nbsp;&nbsp;&nbsp;<a id="img-changebar" href="http://www.w3.org/TR/CSS2/images/longdesc/changebar-desc.html" title="Long description for change bar example">[D]</a></span>
             </p>
         </div>
         <p>
@@ -1865,7 +1867,7 @@
         <div class="figure">
             <p>
                 <img src="http://www.w3.org/TR/CSS2/images/flow-absolute.png" alt="Image illustrating the effects of absolutely positioning a box.">
-                <span class="dlink">&nbsp;&nbsp;&nbsp;<a name="img-flow-absolute" href="http://www.w3.org/TR/CSS2/images/longdesc/flow-absolute-desc.html" title="Long description for example illustrating absolute positioning">[D]</a></span>
+                <span class="dlink">&nbsp;&nbsp;&nbsp;<a id="img-flow-absolute" href="http://www.w3.org/TR/CSS2/images/longdesc/flow-absolute-desc.html" title="Long description for example illustrating absolute positioning">[D]</a></span>
             </p>
         </div>
         <p>
@@ -1895,7 +1897,7 @@
         <div class="figure">
             <p>
                 <img src="http://www.w3.org/TR/CSS2/images/flow-static.png" alt="Image illustrating the effects of page positioning a box with respect to the initial containing block.">
-                <span class="dlink">&nbsp;&nbsp;&nbsp;<a name="img-flow-static" href="http://www.w3.org/TR/CSS2/images/longdesc/flow-static-desc.html" title="Long description illustrating page positioning with respect to the initial containing block.">[D]</a></span>
+                <span class="dlink">&nbsp;&nbsp;&nbsp;<a id="img-flow-static" href="http://www.w3.org/TR/CSS2/images/longdesc/flow-static-desc.html" title="Long description illustrating page positioning with respect to the initial containing block.">[D]</a></span>
             </p>
         </div>
         <p>If we do not position the <em>outer</em> box:</p>
@@ -1917,7 +1919,7 @@
         <div class="figure">
             <p>
                 <img src="http://www.w3.org/TR/CSS2/images/flow-static.png" alt="Image illustrating the effects of page positioning a box with respect to the initial containing block.">
-                <span class="dlink">&nbsp;&nbsp;&nbsp;<a name="img-flow-static" href="http://www.w3.org/TR/CSS2/images/longdesc/flow-static-desc.html" title="Long description illustrating page positioning with respect to the initial containing block.">[D]</a></span>
+                <span class="dlink">&nbsp;&nbsp;&nbsp;<a id="img-flow-static" href="http://www.w3.org/TR/CSS2/images/longdesc/flow-static-desc.html" title="Long description illustrating page positioning with respect to the initial containing block.">[D]</a></span>
             </p>
         </div>
         <!-- End section: Page positioning -->
@@ -1951,6 +1953,10 @@
                 <td>no</td>
             </tr>
             <tr>
+                <th>Animatable:</th>
+                <td>&lt;shape&gt;</td>
+            </tr>
+            <tr>
                 <th>Percentages:</th>
                 <td>N/A</td>
             </tr>
@@ -2129,6 +2135,10 @@
                 <td>no</td>
             </tr>
             <tr>
+                <th>Animatable:</th>
+                <td>&lt;integer&gt;</td>
+            </tr>
+            <tr>
                 <th>Percentages:</th>
                 <td>N/A</td>
             </tr>
@@ -2386,7 +2396,8 @@
                                                 </ol>
                                             </li>
                                         </ol>
-                                        For inline-block and inline-table elements:
+                                    </li>
+                                    <li>For inline-block and inline-table elements:
                                         <ol>
                                             <li>
                                                 For each one of these, treat the element as if it 
@@ -2396,7 +2407,8 @@
                                                 parent stacking context, not this new one. 
                                             </li>
                                         </ol>
-                                        For inline-level replaced elements: 
+                                    </li>
+                                    <li>For inline-level replaced elements: 
                                         <ol>
                                             <li>the replaced content, atomically.</li>
                                         </ol>
Received on Friday, 28 October 2011 00:10:23 GMT

This archive was generated by hypermail 2.2.0+W3C-0.50 : Friday, 28 October 2011 00:10:24 GMT