Skip to content

Commit aa4e95e

Browse files
committed
Generated. Do not edit!
1 parent 0ff02a9 commit aa4e95e

1 file changed

Lines changed: 21 additions & 2 deletions

File tree

css3-layout/Overview.html

Lines changed: 21 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -53,13 +53,13 @@
5353
<h1>CSS Grid Template Layout Module</h1>
5454
<!--=================================================================-->
5555
<h2 class="no-num no-toc" id=longstatus-date-3-august-2004>Editor's Draft
56-
10 August 2012</h2>
56+
14 August 2012</h2>
5757

5858
<dl>
5959
<dt>This version:
6060

6161
<dd><a
62-
href="http://www.w3.org/TR/2012/ED-css3-layout-20120810/">http://www.w3.org/TR/2012/ED-css3-layout-20120810/</a>
62+
href="http://www.w3.org/TR/2012/ED-css3-layout-20120814/">http://www.w3.org/TR/2012/ED-css3-layout-20120814/</a>
6363

6464

6565
<dt>Latest version:
@@ -2754,6 +2754,25 @@ <h3 class=grid id=stacking-elements-on-top-of-a-grid-grid-><span
27542754
grammar</abbr>
27552755
</table>
27562756

2757+
<div class=issue>
2758+
<p>At the Aug 2012 ftf, Florian suggested a property ‘<code
2759+
class=css>collision: auto | collide | avoid</code>’ to switch between
2760+
overlapping and not overlapping. (It would avoid collisions for
2761+
absolutely positioned elements as well.) Instead of two properties ‘<a
2762+
href="#flow0"><code class=property>flow</code></a>’ and ‘<a
2763+
href="#grid-area"><code class=property>grid-area</code></a>’, we could
2764+
have just one, and then toggle between overlapping and flowing with the
2765+
<code class=property>collision</code>’ property.
2766+
2767+
<p>It may be attractive, because the same ‘<code
2768+
class=property>collision</code>’ property could also improve absolute
2769+
positioning and add functionality to floats, but on the other hand it is
2770+
a property that works indirectly, by modifying the meaning of another
2771+
property, and as such the pair ‘<a href="#flow0"><code
2772+
class=property>flow</code></a>’ and ‘<a href="#grid-area"><code
2773+
class=property>grid-area</code></a>’ may be easier to learn.
2774+
</div>
2775+
27572776
<p>The ‘<a href="#grid-area"><code
27582777
class=property>grid-area</code></a>’ property can take an element out
27592778
of the flow and position it relative to a grid. The ‘<a

0 commit comments

Comments
 (0)