- From: H?kon Wium Lie via cvs-syncmail <cvsmail@w3.org>
- Date: Sun, 09 Oct 2011 16:59:50 +0000
- To: public-css-commits@w3.org
Update of /sources/public/csswg/css3-gcpm
In directory hutz:/tmp/cvs-serv9981
Modified Files:
Overview.html
Log Message:
x
Index: Overview.html
===================================================================
RCS file: /sources/public/csswg/css3-gcpm/Overview.html,v
retrieving revision 1.127
retrieving revision 1.128
diff -u -d -r1.127 -r1.128
--- Overview.html 9 Oct 2011 15:48:28 -0000 1.127
+++ Overview.html 9 Oct 2011 16:59:48 -0000 1.128
@@ -3203,17 +3203,17 @@
class=property>float-modifier</code>’, provides support for common
paper-based layouts.
- <p>(A few words about the difference between mk2 and mk1: Care has now
- been taken to avoid layouts that are hard to achieve, or that can be
- achieved in other ways. For example, by saying ‘<code
- class=property>top-corner</code>’ instead of ‘<code
- class=css>top left</code>’ or ‘<code class=css>top
- right</code>’, it becomes impossible to specify a layout where one
- has to replace already laid-out content. Compared to the mk1 float model,
- mk2 does not allow one to explicityly set the containing block of the
- float; the CB is the column or the multicol element (depending on which
- keyword in use). It is therefore impossible to float something to the top
- of the page. However, given that ‘<code
+ <p>(A few words about the difference between this proposa, and the one
+ sketched in the next section: Care has now been taken to avoid layouts
+ that are hard to achieve, or that can be achieved in other ways. For
+ example, by saying ‘<code class=property>top-corner</code>’
+ instead of ‘<code class=css>top left</code>’ or ‘<code
+ class=css>top right</code>’, it becomes impossible to specify a
+ layout where one has to replace already laid-out content. Compared to the
+ mk1 float model, mk2 does not allow one to explicityly set the containing
+ block of the float; the CB is the column or the multicol element
+ (depending on which keyword in use). It is therefore impossible to float
+ something to the top of the page. However, given that ‘<code
class=property>column-span</code>’ now is widely supported, a
different strategy can be used: make the root element a multicol element,
and float the box to the top. Thereby it ends up at the top of hte page.)
@@ -3233,9 +3233,8 @@
<dt>top-corner
- <dd>the box is floated to the top of the last column in the inline
- direction that fits inside the multicol element on the same page. I.e.,
- overflow columns are not considered.
+ <dd>the box is floated to the top of the last column (in the inline
+ direction) that fits inside the multicol element on the same page.
<dt>bottom-corner
@@ -3253,27 +3252,36 @@
determine if the box is near the top/bottom.
</dl>
+ <p>These new keywords only apply in paged media; in continous media
+ declarations with these keywords are ignored.
+
<div class=example>
- <p>Float figure to top of natural column, being as wide as the column:
+ <p>Float figure to top of natural column:
<pre>
-.figure { float: top; width: 100% }
+.figure { float: top }
</pre>
<img src=7.png></div>
+ <div class=example>
+ <pre>
+.figure { float: top; width: 50% }
+</pre>
+ <img src=7b.png></div>
+
<div class=example> Float figure to top of the natural column, spanning
all columns:
<pre>
-.figure { float: top; column-span: all; width: 100% }
+.figure { float: top; column-span: all }
</pre>
</div>
<div class=example>
<p>Float figure to top/bottom of the last column of the multicol element
- on that page, being as wide as the column:
+ on that page:
<pre>
-.figure { float: top-corner; width: 100% }
+.figure { float: top-corner }
</pre>
<img src=6.png></div>
Received on Sunday, 9 October 2011 16:59:52 UTC