208,725
edits
Changes
→Table to divs
<div style="margin-left:3.2em;">
When the screen is wide enough, it would display as it does now. When it's smaller, "Extra Deck" would appear vertically between "Monsters" and "Spells". -- [[User:Deltaneos|Deltaneos]] ([[User talk:Deltaneos|talk]]) 18:16, June 15, 2014 (UTC)
</div>
<div style="margin-left:3.2em;">
I hadn't thought about when there are more or less than three columns.
This is what it looks like if only two columns are used:
<pre>
+------- page width --------+
| list1 | list2 |
</pre>
And when all sections are used:
<pre>
+------- page width --------+
| list1 | list2 | list3 |
| +------------------
| list1r2 | list4 | list5 |
</pre>
which looks visually the same as:
<pre>
+------- page width --------+
| list1 | list2 | list3 |
|---------+--------+--------+
| list1r2 | list4 | list5 |
</pre>
But it is possible in CSS3 to [http://stackoverflow.com/questions/8720931/can-css-detect-the-number-of-children-an-element-has#answer-12198561 change the width depending on the number of columns]. So we can have <code>width: 50%</code> for 2, <code>33%</code> for 3 etc.
-- [[User:Deltaneos|Deltaneos]] ([[User talk:Deltaneos|talk]]) 18:36, June 15, 2014 (UTC)
</div>
