mirror of
https://github.com/servo/servo
synced 2026-04-29 02:47:55 +02:00
Update CSS tests to revision 0698c2aa9ead844b6d7d10eafb096cb1118e13ef
This commit is contained in:
@@ -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>
|
||||
|
||||
Reference in New Issue
Block a user