Skip to content

Commit 32f4018

Browse files
author
Arron Eicholz
committed
Correcting references to values module
Correcting center positioning references
1 parent dd56266 commit 32f4018

2 files changed

Lines changed: 157 additions & 63 deletions

File tree

‎css3-positioning/Overview.html‎

Lines changed: 101 additions & 47 deletions
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
1+
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
22
"http://www.w3.org/TR/html4/strict.dtd">
33

44
<html lang=en>
@@ -58,14 +58,14 @@
5858

5959
<h1>CSS Positioned Layout Module Level 3</h1>
6060

61-
<h2 class="no-num no-toc" id=longstatus-date>Editor's Draft 30 October
61+
<h2 class="no-num no-toc" id=longstatus-date>Editor's Draft 31 October
6262
2011</h2>
6363

6464
<dl>
6565
<dt>This version:
6666

6767
<dd><a
68-
href="http://www.w3.org/TR/2011/ED-css3-positioning-20111030/">http://dev.w3.org/csswg/css3-positioning/</a></dd>
68+
href="http://www.w3.org/TR/2011/ED-css3-positioning-20111031/">http://dev.w3.org/csswg/css3-positioning/</a></dd>
6969
<!--<dt>Latest version:</dt>
7070
<dd><a href="http://www.w3.org/TR/css3-positioning/">http://www.w3.org/TR/css3-positioning/</a></dd>-->
7171

@@ -290,9 +290,9 @@ <h2 class="no-num no-toc" id=contents>Table of contents</h2>
290290
class=property>position</code>&rsquo;, and &lsquo;<code
291291
class=property>float</code>&rsquo;</a>
292292

293-
<li id=comparison-of-normal-flow-floats-and-abs><a
293+
<li id=comparison-of-normal-flow-floats-and-pos><a
294294
href="#comparison-of-flow-floats-absolute-positioning"><span
295-
class=secno>9. </span>Comparison of normal flow, floats, and absolute
295+
class=secno>9. </span>Comparison of normal flow, floats, and
296296
positioning</a>
297297
<ul class=toc>
298298
<li id=normal-flow-0><a href="#normal-flow-example"><span
@@ -446,7 +446,7 @@ <h3 id=placement><span class=secno>1.1. </span>Module Interactions</h3>
446446
&lsquo;<code class=property>position</code>&rsquo;, and &lsquo;<code
447447
class=property>float</code>&rsquo;</a>
448448

449-
<li id=comparison-of-normal-flow-floats-and-abs0><a
449+
<li id=comparison-of-normal-flow-floats-and-abs><a
450450
href="http://www.w3.org/TR/CSS2/visuren.html#comparison">9.8 Comparison
451451
of normal flow, floats, and absolute positioning</a>
452452

@@ -499,7 +499,7 @@ <h3 id=values><span class=secno>1.2. </span>Values</h3>
499499
this specification are defined in CSS Level 2 Revision 1 <a href="#CSS21"
500500
rel=biblioentry>[CSS21]<!--{{!CSS21}}--></a>. Other CSS modules may expand
501501
the definitions of these value types: for example <a href="#CSS3VAL"
502-
rel=biblioentry>[CSS3VAL]<!--{{CSS3VAL}}--></a>, when combined with this
502+
rel=biblioentry>[CSS3VAL]<!--{{!CSS3VAL}}--></a>, when combined with this
503503
module, expands the definition of the &lt;length&gt; value type as used in
504504
this specification.
505505

@@ -1042,23 +1042,20 @@ <h3 id=center-positioning><span class=secno>6.4. </span><span
10421042
href="#containing-block0">containing block</a>. It is removed from the <a
10431043
href="#normal-flow0">normal flow</a> entirely (it has no impact on later
10441044
siblings). A center positioned box establishes a new <a
1045-
href="#containing-block0">containing block</a> for normal flow children
1046-
and absolutely (but not fixed or page) positioned descendants. However,
1047-
the contents of an center positioned element do not flow around any other
1048-
boxes. They may obscure the contents of another box (or be obscured
1049-
themselves), depending on the stack levels of the overlapping boxes.
1045+
href="#containing-block0">containing block</a> for <a
1046+
href="#normal-flow0">normal flow</a> children and absolutely (but not
1047+
fixed or page) positioned descendants. However, the contents of an center
1048+
positioned element do not flow around any other boxes. They may obscure
1049+
the contents of another box (or be obscured themselves), depending on the
1050+
stack levels of the overlapping boxes.
10501051

1051-
<p id=references-in-this-specification-to-an-a0> References in this
1052-
specification to an <span class=index-def
1053-
id=absolutely-positioned-element0
1054-
title="absolute positioned element/box">absolutely positioned
1055-
element</span> (or its box) imply that the element&#39;s &lsquo;<a
1056-
href="#position"><code class=property>position</code></a>&rsquo; property
1057-
has the value <a href="#absolute"
1058-
title="'position'!!''absolute''">&lsquo;<code
1059-
class=css>absolute</code>&rsquo;</a> or <a href="#fixed"
1060-
title="'position'!!''fixed''">&lsquo;<code
1061-
class=css>fixed</code>&rsquo;</a>.</p>
1052+
<p id=references-in-this-specification-to-an-c> References in this
1053+
specification to an <span class=index-def id=center-positioned-element
1054+
title="center positioned element/box">center positioned element</span> (or
1055+
its box) imply that the element&#39;s &lsquo;<a href="#position"><code
1056+
class=property>position</code></a>&rsquo; property has the value <a
1057+
href="#center" title="'position'!!''center''">&lsquo;<code
1058+
class=css>center</code>&rsquo;</a>.</p>
10621059
<!-- End section: Absolute positioning -->
10631060

10641061
<h3 id=fixed-positioning><span class=secno>6.5. </span><span
@@ -1173,7 +1170,7 @@ <h3 id=position-property><span class=secno>6.6. </span>Choosing a
11731170
<td><dfn id=position title="'position'">position</dfn>
11741171

11751172
<tr>
1176-
<th>Value:
1173+
<th><a href="#values">Value</a>:
11771174

11781175
<td><var>static</var> | <var>relative</var> | <var>absolute</var> |
11791176
<var>page</var> | <var>center</var> | <var>fixed</var>
@@ -1212,6 +1209,12 @@ <h3 id=position-property><span class=secno>6.6. </span>Choosing a
12121209
<th>Computed&nbsp;value:
12131210

12141211
<td>specified value
1212+
1213+
<tr>
1214+
<th>Canonical&nbsp;order:
1215+
1216+
<td><abbr title="follows order of property value definition">per
1217+
grammar<abbr></abbr></abbr>
12151218
</table>
12161219

12171220
<p id=the-values-of-this-property-have-the-fol>The values of this property
@@ -1378,7 +1381,7 @@ <h3 id="position-root">Choosing a different containing block for positioning: 'p
13781381
<td><dfn title="'position-reference'">position-reference</dfn></td>
13791382
</tr>
13801383
<tr>
1381-
<th>Value:</th>
1384+
<th><a href="#values">Value</a>:</th>
13821385
<td><var>auto</var> | <var>parent</var> | <var>container</var> | <var>root</var> | <var>nth-parent()</var> | <var>element()</var></td>
13831386
</tr>
13841387
<tr>
@@ -1409,6 +1412,10 @@ <h3 id="position-root">Choosing a different containing block for positioning: 'p
14091412
<th>Computed&nbsp;value:</th>
14101413
<td>specified value, but see prose</td>
14111414
</tr>
1415+
<tr>
1416+
<th>Canonical&nbsp;order:</th>
1417+
<td><abbr title="follows order of property value definition">per grammar<abbr></td>
1418+
</tr>
14121419
</table>
14131420
<p>The values of this property have the following meanings:</p>
14141421
<dl>
@@ -1478,7 +1485,7 @@ <h3 id=box-offsets-trbl><span class=secno>6.7. </span>Box offsets:
14781485
<td><dfn id=top title="'top'">top</dfn>
14791486

14801487
<tr>
1481-
<th>Value:
1488+
<th><a href="#values">Value</a>:
14821489

14831490
<td><var>auto</var> | <var>&lt;length&gt;</var> |
14841491
<var>&lt;percentage&gt;</var>
@@ -1527,6 +1534,12 @@ <h3 id=box-offsets-trbl><span class=secno>6.7. </span>Box offsets:
15271534
length; if specified as a &lsquo;<code
15281535
class=css>&lt;percentage&gt;</code>&rsquo;, the specified value;
15291536
otherwise, &lsquo;<code class=css>auto</code>&rsquo;.
1537+
1538+
<tr>
1539+
<th>Canonical&nbsp;order:
1540+
1541+
<td><abbr title="follows order of property value definition">per
1542+
grammar<abbr></abbr></abbr>
15301543
</table>
15311544

15321545
<p id=this-property-specifies-how-far-an-absol> This property specifies how
@@ -1549,7 +1562,7 @@ <h3 id=box-offsets-trbl><span class=secno>6.7. </span>Box offsets:
15491562
<td><dfn id=right title="'right'">right</dfn>
15501563

15511564
<tr>
1552-
<th>Value:
1565+
<th><a href="#values">Value</a>:
15531566

15541567
<td><var>auto</var> | <var>&lt;length&gt;</var> |
15551568
<var>&lt;percentage&gt;</var>
@@ -1598,6 +1611,12 @@ <h3 id=box-offsets-trbl><span class=secno>6.7. </span>Box offsets:
15981611
length; if specified as a &lsquo;<code
15991612
class=css>&lt;percentage&gt;</code>&rsquo;, the specified value;
16001613
otherwise, &lsquo;<code class=css>auto</code>&rsquo;.
1614+
1615+
<tr>
1616+
<th>Canonical&nbsp;order:
1617+
1618+
<td><abbr title="follows order of property value definition">per
1619+
grammar<abbr></abbr></abbr>
16011620
</table>
16021621

16031622
<p id=like-top-but-specifies-how-far-a-box39s-> Like &lsquo;<a
@@ -1620,7 +1639,7 @@ <h3 id=box-offsets-trbl><span class=secno>6.7. </span>Box offsets:
16201639
<td><dfn id=bottom title="'bottom'">bottom</dfn>
16211640

16221641
<tr>
1623-
<th>Value:
1642+
<th><a href="#values">Value</a>:
16241643

16251644
<td><var>auto</var> | <var>&lt;length&gt;</var> |
16261645
<var>&lt;percentage&gt;</var>
@@ -1669,6 +1688,12 @@ <h3 id=box-offsets-trbl><span class=secno>6.7. </span>Box offsets:
16691688
length; if specified as a &lsquo;<code
16701689
class=css>&lt;percentage&gt;</code>&rsquo;, the specified value;
16711690
otherwise, &lsquo;<code class=css>auto</code>&rsquo;.
1691+
1692+
<tr>
1693+
<th>Canonical&nbsp;order:
1694+
1695+
<td><abbr title="follows order of property value definition">per
1696+
grammar<abbr></abbr></abbr>
16721697
</table>
16731698

16741699
<p id=like-top-but-specifies-how-far-a-box39s-0> Like &lsquo;<a
@@ -1691,7 +1716,7 @@ <h3 id=box-offsets-trbl><span class=secno>6.7. </span>Box offsets:
16911716
<td><dfn id=left title="'left'">left</dfn>
16921717

16931718
<tr>
1694-
<th>Value:
1719+
<th><a href="#values">Value</a>:
16951720

16961721
<td><var>auto</var> | <var>&lt;length&gt;</var> |
16971722
<var>&lt;percentage&gt;</var>
@@ -1740,6 +1765,12 @@ <h3 id=box-offsets-trbl><span class=secno>6.7. </span>Box offsets:
17401765
length; if specified as a &lsquo;<code
17411766
class=css>&lt;percentage&gt;</code>&rsquo;, the specified value;
17421767
otherwise, &lsquo;<code class=css>auto</code>&rsquo;.
1768+
1769+
<tr>
1770+
<th>Canonical&nbsp;order:
1771+
1772+
<td><abbr title="follows order of property value definition">per
1773+
grammar<abbr></abbr></abbr>
17431774
</table>
17441775

17451776
<p id=like-top-but-specifies-how-far-a-box39s-1> Like &lsquo;<a
@@ -2487,6 +2518,16 @@ <h2 id=relationship-between-display-position-float><span class=secno>8.
24872518

24882519
<td>table
24892520

2521+
<tr>
2522+
<td>inline-flexbox
2523+
2524+
<td>flexbox
2525+
2526+
<tr>
2527+
<td>inline-grid
2528+
2529+
<td>grid
2530+
24902531
<tr>
24912532
<td> inline, <span>table-row-group</span>, <span>table-column</span>,
24922533
<span>table-column-group</span>, <span>table-header-group</span>,
@@ -2502,12 +2543,12 @@ <h2 id=relationship-between-display-position-float><span class=secno>8.
25022543
<td><span>same as specified</span>
25032544
</table>
25042545

2505-
<p class=issue id=what-about-new-display-types-box-grid-ru>What about new
2506-
display types, "box, grid, ruby, etc..."?</p>
2546+
<p class=issue id=what-about-display-types-ruby-etc...>What about display
2547+
types, "ruby, etc..."?</p>
25072548
<!-- End section: Relationships between 'display', 'position', and 'float' -->
25082549

25092550
<h2 id=comparison-of-flow-floats-absolute-positioning><span class=secno>9.
2510-
</span>Comparison of normal flow, floats, and absolute positioning</h2>
2551+
</span>Comparison of normal flow, floats, and positioning</h2>
25112552

25122553
<p id=this-section-is-not-normative.0><em>This section is not
25132554
normative.</em>
@@ -3014,7 +3055,7 @@ <h2 id=clip-property><span class=secno>10. </span>Clipping: the &lsquo;<a
30143055
<td><dfn id=clip title="'clip'">clip</dfn>
30153056

30163057
<tr>
3017-
<th>Value:
3058+
<th><a href="#values">Value</a>:
30183059

30193060
<td><var>auto</var> | <var>&lt;shape&gt;</var>
30203061

@@ -3056,6 +3097,12 @@ <h2 id=clip-property><span class=secno>10. </span>Clipping: the &lsquo;<a
30563097
four values, each of which is &lsquo;<code class=css>auto</code>&rsquo;
30573098
if specified as &lsquo;<code class=css>auto</code>&rsquo; and the
30583099
computed length otherwise
3100+
3101+
<tr>
3102+
<th>Canonical&nbsp;order:
3103+
3104+
<td><abbr title="follows order of property value definition">per
3105+
grammar<abbr></abbr></abbr>
30593106
</table>
30603107

30613108
<p id=the-clip-property-applies-only-to-absolu> The &lsquo;<a
@@ -3247,7 +3294,7 @@ <h2 id=layered-presentation><span class=secno>11. </span>Layered
32473294
<td><dfn id=z-index title="'z-index'">z-index</dfn>
32483295

32493296
<tr>
3250-
<th>Value:
3297+
<th><a href="#values">Value</a>:
32513298

32523299
<td><var>auto</var> | <var>&lt;integer&gt;</var>
32533300

@@ -3285,6 +3332,12 @@ <h2 id=layered-presentation><span class=secno>11. </span>Layered
32853332
<th>Computed&nbsp;value:
32863333

32873334
<td>as specified
3335+
3336+
<tr>
3337+
<th>Canonical&nbsp;order:
3338+
3339+
<td><abbr title="follows order of property value definition">per
3340+
grammar<abbr></abbr></abbr>
32883341
</table>
32893342

32903343
<p id=for-a-positioned-box-the-z-index-propert>For a positioned box, the
@@ -3883,6 +3936,16 @@ <h3 class=no-num id=normative-references>Normative references</h3>
38833936
</dd>
38843937
<!---->
38853938

3939+
<dt id=CSS3VAL>[CSS3VAL]
3940+
3941+
<dd>H&#229;kon Wium Lie; Tab Atkins; Elika J. Etemad. <a
3942+
href="http://www.w3.org/TR/2011/WD-css3-values-20110906/"><cite>CSS
3943+
Values and Units Module Level 3.</cite></a> 6 September 2011. W3C Working
3944+
Draft. (Work in progress.) URL: <a
3945+
href="http://www.w3.org/TR/2011/WD-css3-values-20110906/">http://www.w3.org/TR/2011/WD-css3-values-20110906/</a>
3946+
</dd>
3947+
<!---->
3948+
38863949
<dt id=RFC2119>[RFC2119]
38873950

38883951
<dd>S. Bradner. <a href="http://www.ietf.org/rfc/rfc2119.txt"><cite>Key
@@ -3911,16 +3974,6 @@ <h3 class=no-num id=other-references>Other references</h3>
39113974
href="http://www.w3.org/TR/2008/REC-CSS1-20080411">http://www.w3.org/TR/2008/REC-CSS1-20080411</a>
39123975
</dd>
39133976
<!---->
3914-
3915-
<dt id=CSS3VAL>[CSS3VAL]
3916-
3917-
<dd>H&#229;kon Wium Lie; Tab Atkins; Elika J. Etemad. <a
3918-
href="http://www.w3.org/TR/2011/WD-css3-values-20110906/"><cite>CSS
3919-
Values and Units Module Level 3.</cite></a> 6 September 2011. W3C Working
3920-
Draft. (Work in progress.) URL: <a
3921-
href="http://www.w3.org/TR/2011/WD-css3-values-20110906/">http://www.w3.org/TR/2011/WD-css3-values-20110906/</a>
3922-
</dd>
3923-
<!---->
39243977
</dl>
39253978
<!--end-informative-->
39263979

@@ -3940,9 +3993,7 @@ <h2 class=no-num id=index>Index</h2>
39403993

39413994
<li>absolute positioned element/box, <a
39423995
href="#absolutely-positioned-element"
3943-
title="absolute positioned element/box"><strong>6.2.</strong></a>, <a
3944-
href="#absolutely-positioned-element0"
3945-
title="absolute positioned element/box"><strong>6.4.</strong></a>
3996+
title="absolute positioned element/box"><strong>6.2.</strong></a>
39463997

39473998
<li>absolute positioning, <a href="#absolute-positioning1"
39483999
title="absolute positioning"><strong>6.2.</strong></a>, <a
@@ -3978,6 +4029,9 @@ <h2 class=no-num id=index>Index</h2>
39784029
href="#center-positioning1"
39794030
title="center positioned"><strong>6.4.</strong></a>
39804031

4032+
<li>center positioned element/box, <a href="#center-positioned-element"
4033+
title="center positioned element/box"><strong>6.4.</strong></a>
4034+
39814035
<li>center positioning, <a href="#center-positioning0"
39824036
title="center positioning"><strong>6.4.</strong></a>, <a
39834037
href="#center-positioning1"

0 commit comments

Comments
 (0)