[css2] Tantek's edits after Oslo ftf

bert-github · bert-github · commit 66f0aff5221d · 2003-08-27T09:46:13.000Z
--HG--
extra : convert_revision : svn%3A73dc7c4b-06e6-40f3-b4f7-9ed1dbc14bfc/trunk%402144
diff --git a/css2/visuren.src b/css2/visuren.src
@@ -1,11 +1,11 @@
 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
 <html lang="en">
-<!-- $Id: visuren.src,v 2.103 2003-08-25 13:33:21 bbos Exp $ -->
+<!-- $Id: visuren.src,v 2.104 2003-08-27 09:46:13 bbos Exp $ -->
 <head>
 <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
 <title>Visual formatting model</title>
 <meta name="editor" lang="tr" content="Tantek &Ccedil;elik">
-<!-- Changed by: Tantek Celik, 2003-08-24 -->
+<!-- Changed by: Tantek Celik, 2003-08-27 -->
 <style type="text/css">
 .current,.proposed,span.delcurrent { background:#feb }
 ins.proposed,span.insproposed,li.insproposed { background:#bfb }
@@ -84,8 +84,8 @@ views of the same document).
 </h3>
 
 <p>In CSS&nbsp;2.1, many box positions and sizes are calculated with respect
-to <span class="delcurrent">the edges
-of a rectangular box called a</span><span class="insproposed">their</span> <span class="index-def"
+to the edges
+of a rectangular box called a <span class="index-def"
 title="containing block"><dfn>containing block</dfn></span>.  In
 general, generated boxes act as containing blocks for descendant
 boxes; we say that a box "establishes" the containing block for its
@@ -516,7 +516,7 @@ with the <span class="propinst-top">'top'</span>,
 <span class="propinst-bottom">'bottom'</span>, and
 <span class="propinst-left">'left'</span>
 properties.
-These properties specify offsets with respect to the <span class="delcurrent">box's</span> <span class="insproposed"><em>padding</em> box of its</span>
+These properties specify offsets with respect to the box's 
 <a href="#containing-block">containing block</a>. Absolutely
 positioned boxes are taken out of the normal flow. This means
 they have no impact on the layout of later siblings. Also,
@@ -573,38 +573,50 @@ positioned boxes, laid out according to four properties:</p>
 
 <p>This property specifies how far an <a
 href="#absolutely-positioned">absolutely positioned</a> box's top
-margin edge is offset below the top <span class="insproposed"><em>padding</em></span> edge of <span class="delcurrent">the box's</span><span class="insproposed">its</span> <a
+margin edge is offset below the top edge of the box's <a
 href="#containing-block">containing block</a>. For relatively
 positioned boxes, the offset is with respect to the top edges of the
 box itself (i.e., the box is given a position in the normal flow, then
 offset from that position according to these properties).
+<span class="note">
+Note: For absolutely positioned elements whose containing block is based on a block-level element, this property is an offset from the <em>padding</em> edge of that element.
+</span>
 </p>
 
 <!-- #include src=properties/right.srb -->
 
 <p>Like 'top', but specifies how far a box's right margin edge is
-offset to the left of the right <span class="insproposed"><em>padding</em></span> edge of <span class="delcurrent">the box's</span><span class="insproposed">its</span> <a
+offset to the left of the right edge of the box's <a
 href="#containing-block">containing block</a>.  For relatively
 positioned boxes, the offset is with respect to the right edge of the
 box itself.
+<span class="note">
+Note: For absolutely positioned elements whose containing block is based on a block-level element, this property is an offset from the <em>padding</em> edge of that element.
+</span>
 </p>
 
 <!-- #include src=properties/bottom.srb -->
 
 <p>Like 'top', but specifies how far a box's bottom margin edge is
-offset above the bottom <span class="insproposed"><em>padding</em> edge</span> of <span class="delcurrent">the box's</span><span class="insproposed">its</span> <a
+offset above the bottom of the box's <a
 href="#containing-block">containing block</a>. For relatively
 positioned boxes, the offset is with respect to the bottom edge of the
 box itself.
+<span class="note">
+Note: For absolutely positioned elements whose containing block is based on a block-level element, this property is an offset from the <em>padding</em> edge of that element.
+</span>
 </p>
 
 <!-- #include src=properties/left.srb -->
 
 <p>Like 'top', but specifies how far a box's left margin edge is
-offset to the right of the left <span class="insproposed"><em>padding</em></span> edge of <span class="delcurrent">the box's</span><span class="insproposed">its</span> <a
+offset to the right of the left edge of the box's <a
 href="#containing-block">containing block</a>.  For relatively
 positioned boxes, the offset is with respect to the left edge of the
 box itself.
+<span class="note">
+Note: For absolutely positioned elements whose containing block is based on a block-level element, this property is an offset from the <em>padding</em> edge of that element.
+</span>
 </p>
 
 <p>The values for the four properties have the following meanings:</p>
@@ -615,8 +627,8 @@ box itself.
 </dd>
 <dt><strong><span class="value-inst-percentage">&lt;percentage&gt;</span></strong></dt>
 
-<dd>The offset is a percentage of the containing block's <span class="insproposed"><em>padding</em> box</span> width (for <span class="propinst-left">'left'</span> or <span
-class="propinst-right">'right'</span>) or <span class="insproposed"><em>padding</em> box</span> height (for <span
+<dd>The offset is a percentage of the containing block's box width (for <span class="propinst-left">'left'</span> or <span
+class="propinst-right">'right'</span>) or height (for <span
 class="propinst-top">'top'</span> and <span
 class="propinst-bottom">'bottom'</span>). For 'top'
 and 'bottom', if the height of the
@@ -933,7 +945,7 @@ In other words, if inline boxes are placed
 on the line before a left float is encountered that fits in the remaining line box space, 
 the left float is placed on that line, aligned with the top of the line box, and then the inline boxes already on the line are moved accordingly to the right of the float (the right being the other side of the left float) and vice versa for rtl and right floats.
 </p>
-</p>
+<p>
 The margin box of an element in the normal flow that establishes a new block formatting context (such as a table, or element with 'overflow' other than 'visible') must not overlap any floats in the same block formatting context as the element itself.  If necessary, implementations should clear the said element by placing it below any preceding floats, but may place it adjacent to such floats if there is sufficient space.
 </p>
 <div class="example">
@@ -1194,7 +1206,7 @@ the <span class="propinst-clear">'clear'</span> property</h3>
 <em>not</em> be adjacent to an earlier floating box. (It may be that
 the element itself has floating descendants; the <span
 class="propinst-clear">'clear'</span> property has no effect on
-those<span class="insproposed">, neither does it affect elements in a different formatting context</span>.)
+those<span class="insproposed">, neither does it affect elements in a different block formatting context</span>.)
 </p>
 
 <p>
@@ -1277,7 +1289,7 @@ span { clear: left }
 <h2><a name="absolute-positioning">Absolute positioning</a></h2>
 
 <p>In the absolute positioning model, a box is explicitly offset with
-respect to <span class="insproposed">the <em>padding</em> box of</span> its containing block.  It is removed from the normal flow
+respect to its containing block.  It is removed from the normal flow
 entirely (it has no impact on later siblings).  An absolutely
 positioned box establishes a new containing block for normal flow
 children and <span class="insproposed">absolutely (but not fixed)</span> positioned descendants.  However, the contents of an
@@ -1406,7 +1418,7 @@ table-cell, table-caption, inline-block </td><td>block</td></tr>
 class="propinst-top">'top'</span>, <span
 class="propinst-right">'right'</span>, <span
 class="propinst-bottom">'bottom'</span> and <span
-class="propinst-left">'left'</span> properties and the <span class="delcurrent">box's</span> <span class="insproposed"><em>padding</em> box of the</span>
+class="propinst-left">'left'</span> properties and the box's 
 containing block.
 </p>
 </li>
@@ -1627,13 +1639,12 @@ Consider the following CSS declarations for <em>outer</em> and
 </pre>
 
 <p>which cause the top of the <em>outer</em> box to be positioned with
-respect to <span class="insproposed">the
-<em>padding</em> box of</span> its containing block. The containing block for a positioned
+respect to its containing block. The containing block for a positioned
 box is established by the nearest positioned ancestor (or, if none
 exists, the <a href="visudet.html#containing-block-details">initial containing
 block</a>, as in our example). The top side of the <em>outer</em> box
-is '200px' below the top <span class="insproposed">padding edge</span> of the containing block and the left side is
-'200px' from the left <span class="delcurrent">side</span><span class="insproposed">padding edge of the containing block</span> . The child box of <em>outer</em> is flowed
+is '200px' below the top of the containing block and the left side is
+'200px' from the left side. The child box of <em>outer</em> is flowed
 normally with respect to its parent.</p>
 
 <div class="figure">
