Update CSS tests to revision 0698c2aa9ead844b6d7d10eafb096cb1118e13ef

This commit is contained in:
Ms2ger
2015-12-09 01:48:05 -05:00
parent 9aa1b1e408
commit 35c74aecc2
11290 changed files with 92400 additions and 49214 deletions

View File

@@ -29,7 +29,7 @@
}
table, div {font: 1.25em/1 serif;}
table
{
border: white solid;
@@ -40,22 +40,22 @@
width: 80%; /* 640px mult by 80% == 512px */
/*
"With this (fast) algorithm, the horizontal layout of
the table does not depend on the contents of the cells;
it only depends on the table's width, the width of
"With this (fast) algorithm, the horizontal layout of
the table does not depend on the contents of the cells;
it only depends on the table's width, the width of
the columns, and [table] borders or cell spacing."
So,
512px : total table width
-
-
90px : total horizontal border-spacing width
-
22px : total horizontal border-spacing width
========
400px : total to split among the 4 columns
400px : total to split among the 4 columns
*/
}
col#first
@@ -70,7 +70,7 @@
background-color: olive;
width: 100px;
}
col#third
{
background-color: orange;
@@ -83,9 +83,9 @@
}
col#fourth {background-color: lime;}
td {padding: 1px 10px;}
td#first-cell {color: fuchsia;}
td#second-cell {color: olive;}
@@ -93,16 +93,16 @@
td#third-cell {color: orange;}
td#fourth-cell {color: lime;}
div {padding: 1px 0px;}
div#reference1st
{
background-color: fuchsia;
color: fuchsia;
left: 29px; /* 11px border-left of table + 18px border-spacing == 29px */
position: relative;
width: 52px;
width: 52px;
}
div#reference2nd
@@ -110,20 +110,20 @@
background-color: olive;
bottom: 1.1em;
color: olive;
left: 99px;
/*
11px : border-left of table
+
18px : 1st border-spacing
+
left: 99px;
/*
11px : border-left of table
+
18px : 1st border-spacing
+
52px : width of first column
+
18px : 2nd border-spacing
=======
99px
+
18px : 2nd border-spacing
=======
99px
*/
position: relative;
width: 100px;
width: 100px;
}
div#reference3rd
@@ -131,21 +131,21 @@
background-color: orange;
bottom: 2.2em;
color: orange;
left: 217px;
/*
11px : border-left of table
+
18px : 1st border-spacing
+
left: 217px;
/*
11px : border-left of table
+
18px : 1st border-spacing
+
52px : width of first column
+
18px : 2nd border-spacing
+
+
18px : 2nd border-spacing
+
100px : width of second column
+
18px : 3rd border-spacing
=======
217px
+
18px : 3rd border-spacing
=======
217px
*/
position: relative;
width: 124px;
@@ -158,26 +158,26 @@
color: lime;
left: 359px;
/*
11px : border-left of table
+
18px : 1st border-spacing
+
11px : border-left of table
+
18px : 1st border-spacing
+
52px : width of first column
+
18px : 2nd border-spacing
+
+
18px : 2nd border-spacing
+
100px : width of second column
+
18px : 3rd border-spacing
+
+
18px : 3rd border-spacing
+
124px : width of third column
+
18px : 4th border-spacing
=======
359px
+
18px : 4th border-spacing
=======
359px
*/
position: relative;
width: 124px;
width: 124px;
}
]]></style>
@@ -204,7 +204,7 @@
</table>
<div id="reference1st">ref</div>
<div id="reference2nd">ref</div>
<div id="reference3rd">ref</div>