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

@@ -20,7 +20,7 @@
}
table, div {font: 1.25em/1 serif;}
table
{
border: white solid;
@@ -31,22 +31,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
@@ -61,7 +61,7 @@
background-color: olive;
width: 100px;
}
col#third
{
background-color: orange;
@@ -74,9 +74,9 @@
}
col#fourth {background-color: lime;}
td {padding: 1px 10px;}
td#first-cell {color: fuchsia;}
td#second-cell {color: olive;}
@@ -84,16 +84,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
@@ -101,20 +101,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
@@ -122,21 +122,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;
@@ -149,26 +149,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>
@@ -195,7 +195,7 @@
</table>
<div id="reference1st">ref</div>
<div id="reference2nd">ref</div>
<div id="reference3rd">ref</div>