Re: Proposition. Positioning content with guidelines

>
>
>> 2. In Grid Layout each content block should have specified place:
>> grid-column: 1; grid-row: 1. In Guidelines Layout it's not required.
>
> I don't understand the benefit here.

Try to solve this simple task
http://sorrow.tavrida.net/img/4_real_task.png

>
>
>> 3. In Grid Layout, if any box have fixed position, DOM manipulations
>> with it have not sense. Guidelines don't fix the box position, authors
>> might rearrange boxes over DOM Core methods
>
> I don't understand what you mean.  Can you elaborate?
>


Very good example is here:
http://www.w3.org/TR/css3-grid-layout/#source-independence

What happens if I delete from HTML source
<div id="stats">Stats</div>
?
A hole.

What happens if I change HTML code to the next one
<div id="grid">
    <div id="title">Game Title</div>
    <div id="board">Board</div> <!-- MOVED UP -->
    <div id="score">Score</div>
    <div id="stats">Stats</div>
    <div id="controls">Controls</div>
</div>
?
The correct answer is ... nothing!

But, what happens, if I create next code

<div id="grid">
    <div id="title">Game Title</div>
    <div>
       <h1>Hey! I'm header! Where is my place?</h1> <!-- NEW ITEM -->
       <div id="board">Board</div>
       <div id="score">Score</div>
       <div id="stats">Stats</div>
   </div>
    <div id="controls">Controls</div>
</div>

The answer is... o_O ???


-- 
s0rr0w

Received on Thursday, 23 February 2012 20:51:40 UTC