зеркало из https://github.com/mozilla/gecko-dev.git
Start converting reflow branch (bug 300030) table testcases to reftests.
This commit is contained in:
dbaron%dbaron.org
Родитель
298a52e65b
Коммит
6687d10589
|
|
@ -249,6 +249,37 @@ fails == object/svg-with-type.html object/svg-with-type-ref.html
|
|||
== table-dom/insertTbodyExpand1.html table-dom/insertTbodyExpand1-ref.html
|
||||
== table-dom/insertTbodyRebuild1.html table-dom/insertTbodyRebuild1-ref.html
|
||||
|
||||
# table-width/
|
||||
== table-width/spacing-invariance-quirks-min.html table-width/spacing-invariance-quirks-min-ref.html
|
||||
== table-width/spacing-invariance-quirks-pref.html table-width/spacing-invariance-quirks-pref-ref.html
|
||||
== table-width/spacing-invariance-standards-min.html table-width/spacing-invariance-standards-min-ref.html
|
||||
== table-width/spacing-invariance-standards-pref.html table-width/spacing-invariance-standards-pref-ref.html
|
||||
== table-width/min-width.html table-width/min-width-ref.html
|
||||
== table-width/pref-width.html table-width/pref-width-ref.html
|
||||
!= table-width/min-width-ref.html table-width/pref-width-ref.html
|
||||
== table-width/percent-large.html table-width/percent-large-ref.html
|
||||
== table-width/percent-large-min.html table-width/percent-large-min-ref.html
|
||||
== table-width/percent-large-nested.html table-width/percent-large-nested-ref.html
|
||||
== table-width/percent-small.html table-width/percent-small-ref.html
|
||||
== table-width/percent-small-min.html table-width/percent-small-min-ref.html
|
||||
== table-width/percent-small-nested.html table-width/percent-small-nested-ref.html
|
||||
== table-width/shrink-wrap-pref.html table-width/shrink-wrap-pref-ref.html
|
||||
== table-width/shrink-wrap-avail.html table-width/shrink-wrap-avail-ref.html
|
||||
== table-width/shrink-wrap-min.html table-width/shrink-wrap-min-ref.html
|
||||
!= table-width/shrink-wrap-min-ref.html table-width/shrink-wrap-pref-ref.html
|
||||
!= table-width/shrink-wrap-pref-ref.html table-width/shrink-wrap-avail-ref.html
|
||||
!= table-width/shrink-wrap-avail-ref.html table-width/shrink-wrap-min-ref.html
|
||||
== table-width/conflicting-widths-1.html table-width/conflicting-widths-ref-100xx.html
|
||||
== table-width/conflicting-widths-2.html table-width/conflicting-widths-ref-100xx.html
|
||||
== table-width/conflicting-widths-3.html table-width/conflicting-widths-ref-100xx.html
|
||||
== table-width/conflicting-widths-4.html table-width/conflicting-widths-ref-100xx.html
|
||||
== table-width/conflicting-widths-5.html table-width/conflicting-widths-5-ref.html
|
||||
== table-width/conflicting-widths-6.html table-width/conflicting-widths-6-ref.html
|
||||
== table-width/conflicting-widths-7.html table-width/conflicting-widths-7-ref.html
|
||||
== table-width/conflicting-widths-8.html table-width/conflicting-widths-8-ref.html
|
||||
== table-width/conflicting-widths-9.html table-width/conflicting-widths-9-ref.html
|
||||
== table-width/conflicting-widths-10.html table-width/conflicting-widths-10-ref.html
|
||||
|
||||
# xul-document-load/
|
||||
== xul-document-load/test001.xul xul-document-load/reference-green-window.xul
|
||||
== xul-document-load/test002.xul xul-document-load/reference-green-window.xul
|
||||
|
|
|
|||
|
|
@ -0,0 +1,27 @@
|
|||
<!DOCTYPE HTML>
|
||||
<html>
|
||||
<head>
|
||||
<title>Conflicting widths on table cells</title>
|
||||
<style type="text/css">
|
||||
|
||||
table {
|
||||
border-spacing: 3px 5px;
|
||||
padding: 2px 3px 4px 5px;
|
||||
}
|
||||
|
||||
td {
|
||||
border: none;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<table>
|
||||
<tr><td width="100" style="background: yellow">x</td></tr>
|
||||
<tr><td style="background:aqua">x</td></tr>
|
||||
</table>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,27 @@
|
|||
<!DOCTYPE HTML>
|
||||
<html>
|
||||
<head>
|
||||
<title>Conflicting widths on table cells</title>
|
||||
<style type="text/css">
|
||||
|
||||
table {
|
||||
border-spacing: 3px 5px;
|
||||
padding: 2px 3px 4px 5px;
|
||||
}
|
||||
|
||||
td {
|
||||
border: none;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<table>
|
||||
<tr><td style="background:aqua">zzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzz</td></tr>
|
||||
<tr><td style="background: yellow">x</td></tr>
|
||||
</table>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,27 @@
|
|||
<!DOCTYPE HTML>
|
||||
<html>
|
||||
<head>
|
||||
<title>Conflicting widths on table cells</title>
|
||||
<style type="text/css">
|
||||
|
||||
table {
|
||||
border-spacing: 3px 5px;
|
||||
padding: 2px 3px 4px 5px;
|
||||
}
|
||||
|
||||
td {
|
||||
border: none;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<table>
|
||||
<tr><td style="background:aqua">zzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzz</td></tr>
|
||||
<tr><td width="100" style="background: yellow">x</td></tr>
|
||||
</table>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,27 @@
|
|||
<!DOCTYPE HTML>
|
||||
<html>
|
||||
<head>
|
||||
<title>Conflicting widths on table cells</title>
|
||||
<style type="text/css">
|
||||
|
||||
table {
|
||||
border-spacing: 3px 5px;
|
||||
padding: 2px 3px 4px 5px;
|
||||
}
|
||||
|
||||
td {
|
||||
border: none;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<table>
|
||||
<tr><td style="background: yellow">x</td></tr>
|
||||
<tr><td width="100" style="background:aqua">x</td></tr>
|
||||
</table>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,27 @@
|
|||
<!DOCTYPE HTML>
|
||||
<html>
|
||||
<head>
|
||||
<title>Conflicting widths on table cells</title>
|
||||
<style type="text/css">
|
||||
|
||||
table {
|
||||
border-spacing: 3px 5px;
|
||||
padding: 2px 3px 4px 5px;
|
||||
}
|
||||
|
||||
td {
|
||||
border: none;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<table>
|
||||
<tr><td width="100" style="background: yellow">x</td></tr>
|
||||
<tr><td width="10" style="background:aqua">x</td></tr>
|
||||
</table>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,27 @@
|
|||
<!DOCTYPE HTML>
|
||||
<html>
|
||||
<head>
|
||||
<title>Conflicting widths on table cells</title>
|
||||
<style type="text/css">
|
||||
|
||||
table {
|
||||
border-spacing: 3px 5px;
|
||||
padding: 2px 3px 4px 5px;
|
||||
}
|
||||
|
||||
td {
|
||||
border: none;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<table>
|
||||
<tr><td width="10" style="background: yellow">x</td></tr>
|
||||
<tr><td width="100" style="background:aqua">x</td></tr>
|
||||
</table>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,26 @@
|
|||
<!DOCTYPE HTML>
|
||||
<html>
|
||||
<head>
|
||||
<title>Conflicting widths on table cells</title>
|
||||
<style type="text/css">
|
||||
|
||||
table {
|
||||
border-spacing: 3px 5px;
|
||||
padding: 2px 3px 4px 5px;
|
||||
}
|
||||
|
||||
td {
|
||||
border: none;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<table>
|
||||
<tr><td width="100" height="500" style="background:aqua;color:aqua">x</td></tr>
|
||||
</table>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,26 @@
|
|||
<!DOCTYPE HTML>
|
||||
<html>
|
||||
<head>
|
||||
<title>Conflicting widths on table cells</title>
|
||||
<style type="text/css">
|
||||
|
||||
table {
|
||||
border-spacing: 3px 5px;
|
||||
padding: 2px 3px 4px 5px;
|
||||
}
|
||||
|
||||
td {
|
||||
border: none;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<table>
|
||||
<tr><td width="100" height="500" style="background:aqua;color:aqua">la la la la la la la la la la la la la la la la la la la la</td></tr>
|
||||
</table>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,26 @@
|
|||
<!DOCTYPE HTML>
|
||||
<html>
|
||||
<head>
|
||||
<title>Conflicting widths on table cells</title>
|
||||
<style type="text/css">
|
||||
|
||||
table {
|
||||
border-spacing: 3px 5px;
|
||||
padding: 2px 3px 4px 5px;
|
||||
}
|
||||
|
||||
td {
|
||||
border: none;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<table>
|
||||
<tr><td style="background:aqua">zzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzz</td></tr>
|
||||
</table>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,26 @@
|
|||
<!DOCTYPE HTML>
|
||||
<html>
|
||||
<head>
|
||||
<title>Conflicting widths on table cells</title>
|
||||
<style type="text/css">
|
||||
|
||||
table {
|
||||
border-spacing: 3px 5px;
|
||||
padding: 2px 3px 4px 5px;
|
||||
}
|
||||
|
||||
td {
|
||||
border: none;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<table>
|
||||
<tr><td width="100" style="background:aqua">zzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzz</td></tr>
|
||||
</table>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,27 @@
|
|||
<!DOCTYPE HTML>
|
||||
<html>
|
||||
<head>
|
||||
<title>Conflicting widths on table cells</title>
|
||||
<style type="text/css">
|
||||
|
||||
table {
|
||||
border-spacing: 3px 5px;
|
||||
padding: 2px 3px 4px 5px;
|
||||
}
|
||||
|
||||
td {
|
||||
border: none;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<table>
|
||||
<tr><td width="100" style="background: yellow">x</td></tr>
|
||||
<tr><td width="100" height="500" style="background:aqua;color:aqua">x</td></tr>
|
||||
</table>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,27 @@
|
|||
<!DOCTYPE HTML>
|
||||
<html>
|
||||
<head>
|
||||
<title>Conflicting widths on table cells</title>
|
||||
<style type="text/css">
|
||||
|
||||
table {
|
||||
border-spacing: 3px 5px;
|
||||
padding: 2px 3px 4px 5px;
|
||||
}
|
||||
|
||||
td {
|
||||
border: none;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<table>
|
||||
<tr><td width="100" style="background: yellow">x</td></tr>
|
||||
<tr><td height="500" style="background:aqua;color:aqua">la la la la la la la la la la la la la la la la la la la la</td></tr>
|
||||
</table>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,27 @@
|
|||
<!DOCTYPE HTML>
|
||||
<html>
|
||||
<head>
|
||||
<title>Conflicting widths on table cells</title>
|
||||
<style type="text/css">
|
||||
|
||||
table {
|
||||
border-spacing: 3px 5px;
|
||||
padding: 2px 3px 4px 5px;
|
||||
}
|
||||
|
||||
td {
|
||||
border: none;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<table>
|
||||
<tr><td width="100" height="500" style="background:aqua;color:aqua">x</td></tr>
|
||||
<tr><td width="100" style="background: yellow">x</td></tr>
|
||||
</table>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,27 @@
|
|||
<!DOCTYPE HTML>
|
||||
<html>
|
||||
<head>
|
||||
<title>Conflicting widths on table cells</title>
|
||||
<style type="text/css">
|
||||
|
||||
table {
|
||||
border-spacing: 3px 5px;
|
||||
padding: 2px 3px 4px 5px;
|
||||
}
|
||||
|
||||
td {
|
||||
border: none;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<table>
|
||||
<tr><td height="500" style="background:aqua;color:aqua">la la la la la la la la la la la la la la la la la la la la</td></tr>
|
||||
<tr><td width="100" style="background: yellow">x</td></tr>
|
||||
</table>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,27 @@
|
|||
<!DOCTYPE HTML>
|
||||
<html>
|
||||
<head>
|
||||
<title>Conflicting widths on table cells</title>
|
||||
<style type="text/css">
|
||||
|
||||
table {
|
||||
border-spacing: 3px 5px;
|
||||
padding: 2px 3px 4px 5px;
|
||||
}
|
||||
|
||||
td {
|
||||
border: none;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<table>
|
||||
<tr><td style="background: yellow">x</td></tr>
|
||||
<tr><td style="background:aqua">zzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzz</td></tr>
|
||||
</table>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,27 @@
|
|||
<!DOCTYPE HTML>
|
||||
<html>
|
||||
<head>
|
||||
<title>Conflicting widths on table cells</title>
|
||||
<style type="text/css">
|
||||
|
||||
table {
|
||||
border-spacing: 3px 5px;
|
||||
padding: 2px 3px 4px 5px;
|
||||
}
|
||||
|
||||
td {
|
||||
border: none;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<table>
|
||||
<tr><td width="100" style="background: yellow">x</td></tr>
|
||||
<tr><td style="background:aqua">zzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzz</td></tr>
|
||||
</table>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,27 @@
|
|||
<!DOCTYPE HTML>
|
||||
<html>
|
||||
<head>
|
||||
<title>Conflicting widths on table cells</title>
|
||||
<style type="text/css">
|
||||
|
||||
table {
|
||||
border-spacing: 3px 5px;
|
||||
padding: 2px 3px 4px 5px;
|
||||
}
|
||||
|
||||
td {
|
||||
border: none;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<table>
|
||||
<tr><td width="100" style="background: yellow">x</td></tr>
|
||||
<tr><td width="100" style="background:aqua">x</td></tr>
|
||||
</table>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,9 @@
|
|||
<!DOCTYPE HTML>
|
||||
<html>
|
||||
<head>
|
||||
<title>Test that cellpadding, cellspacing, border, etc., don't break table sizing.</title>
|
||||
</head>
|
||||
<body>
|
||||
This<br>is<br>some<br>text.
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,19 @@
|
|||
<!DOCTYPE HTML>
|
||||
<html>
|
||||
<head>
|
||||
<title>Test that cellpadding, cellspacing, border, etc., don't break table sizing.</title>
|
||||
<style type="text/css">
|
||||
|
||||
table, td {
|
||||
border: none;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
border-spacing: 0;
|
||||
}
|
||||
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<table width="1"><tr><td>This is some text.</td></tr></table>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,29 @@
|
|||
<!DOCTYPE HTML>
|
||||
<html>
|
||||
<head>
|
||||
<title>Percent widths on table cells</title>
|
||||
<style type="text/css">
|
||||
|
||||
table {
|
||||
border-spacing: 3px 5px;
|
||||
padding: 2px 3px 4px 5px;
|
||||
}
|
||||
|
||||
td {
|
||||
border: none;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<div style="width: 1px">
|
||||
<table><tr>
|
||||
<td style="background: yellow;color:yellow">x</td>
|
||||
<td style="background:aqua;color:aqua"><div style="width:200px">x</div></td>
|
||||
</tr></table>
|
||||
</div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,29 @@
|
|||
<!DOCTYPE HTML>
|
||||
<html>
|
||||
<head>
|
||||
<title>Percent widths on table cells</title>
|
||||
<style type="text/css">
|
||||
|
||||
table {
|
||||
border-spacing: 3px 5px;
|
||||
padding: 2px 3px 4px 5px;
|
||||
}
|
||||
|
||||
td {
|
||||
border: none;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<div style="width: 1px">
|
||||
<table><tr>
|
||||
<td style="background: yellow;color:yellow" width="50%">x</td>
|
||||
<td style="background:aqua;color:aqua"><div style="width:200px">x</div></td>
|
||||
</tr></table>
|
||||
</div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,36 @@
|
|||
<!DOCTYPE HTML>
|
||||
<html>
|
||||
<head>
|
||||
<title>Percent widths on table cells</title>
|
||||
<style type="text/css">
|
||||
|
||||
td > table {
|
||||
border-spacing: 3px 5px;
|
||||
padding: 2px 3px 4px 5px;
|
||||
}
|
||||
|
||||
td {
|
||||
border: none;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
span {
|
||||
display: inline-block;
|
||||
width: 50px;
|
||||
background: fuchsia;
|
||||
color: fuchsia;
|
||||
}
|
||||
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<table border><tr><td>
|
||||
<table><tr>
|
||||
<td style="background: yellow;color:yellow;width:100px"><span>x</span></td>
|
||||
<td style="background:aqua;color:aqua;width:100px"><span>x</span>​<span>x</span>​<span>x</span></td>
|
||||
</tr></table>
|
||||
</td></tr></table>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,36 @@
|
|||
<!DOCTYPE HTML>
|
||||
<html>
|
||||
<head>
|
||||
<title>Percent widths on table cells</title>
|
||||
<style type="text/css">
|
||||
|
||||
td > table {
|
||||
border-spacing: 3px 5px;
|
||||
padding: 2px 3px 4px 5px;
|
||||
}
|
||||
|
||||
td {
|
||||
border: none;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
span {
|
||||
display: inline-block;
|
||||
width: 50px;
|
||||
background: fuchsia;
|
||||
color: fuchsia;
|
||||
}
|
||||
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<table border><tr><td>
|
||||
<table><tr>
|
||||
<td style="background: yellow;color:yellow" width="50%"><span>x</span></td>
|
||||
<td style="background:aqua;color:aqua"><span>x</span>​<span>x</span>​<span>x</span></td>
|
||||
</tr></table>
|
||||
</td></tr></table>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,27 @@
|
|||
<!DOCTYPE HTML>
|
||||
<html>
|
||||
<head>
|
||||
<title>Percent widths on table cells</title>
|
||||
<style type="text/css">
|
||||
|
||||
table {
|
||||
border-spacing: 3px 5px;
|
||||
padding: 2px 3px 4px 5px;
|
||||
}
|
||||
|
||||
td {
|
||||
border: none;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<table><tr>
|
||||
<td style="background: yellow;color:yellow; width: 200px">x</td>
|
||||
<td style="background:aqua;color:aqua; width: 200px">x</td>
|
||||
</tr></table>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,27 @@
|
|||
<!DOCTYPE HTML>
|
||||
<html>
|
||||
<head>
|
||||
<title>Percent widths on table cells</title>
|
||||
<style type="text/css">
|
||||
|
||||
table {
|
||||
border-spacing: 3px 5px;
|
||||
padding: 2px 3px 4px 5px;
|
||||
}
|
||||
|
||||
td {
|
||||
border: none;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<table><tr>
|
||||
<td style="background: yellow;color:yellow" width="50%">x</td>
|
||||
<td style="background:aqua;color:aqua"><div style="width:200px">x</div></td>
|
||||
</tr></table>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,29 @@
|
|||
<!DOCTYPE HTML>
|
||||
<html>
|
||||
<head>
|
||||
<title>Percent widths on table cells</title>
|
||||
<style type="text/css">
|
||||
|
||||
table {
|
||||
border-spacing: 3px 5px;
|
||||
padding: 2px 3px 4px 5px;
|
||||
}
|
||||
|
||||
td {
|
||||
border: none;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<div style="width: 1px">
|
||||
<table><tr>
|
||||
<td style="background: yellow;color:yellow">x</td>
|
||||
<td style="background:aqua;color:aqua"><div style="width:200px">x</div></td>
|
||||
</tr></table>
|
||||
</div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,29 @@
|
|||
<!DOCTYPE HTML>
|
||||
<html>
|
||||
<head>
|
||||
<title>Percent widths on table cells</title>
|
||||
<style type="text/css">
|
||||
|
||||
table {
|
||||
border-spacing: 3px 5px;
|
||||
padding: 2px 3px 4px 5px;
|
||||
}
|
||||
|
||||
td {
|
||||
border: none;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<div style="width: 1px">
|
||||
<table><tr>
|
||||
<td style="background: yellow;color:yellow">x</td>
|
||||
<td style="background:aqua;color:aqua" width="50%"><div style="width:200px">x</div></td>
|
||||
</tr></table>
|
||||
</div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,36 @@
|
|||
<!DOCTYPE HTML>
|
||||
<html>
|
||||
<head>
|
||||
<title>Percent widths on table cells</title>
|
||||
<style type="text/css">
|
||||
|
||||
td > table {
|
||||
border-spacing: 3px 5px;
|
||||
padding: 2px 3px 4px 5px;
|
||||
}
|
||||
|
||||
td {
|
||||
border: none;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
span {
|
||||
display: inline-block;
|
||||
width: 50px;
|
||||
background: fuchsia;
|
||||
color: fuchsia;
|
||||
}
|
||||
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<table border><tr><td>
|
||||
<table><tr>
|
||||
<td style="background: yellow;color:yellow;width:100px"><span>x</span></td>
|
||||
<td style="background:aqua;color:aqua;width:100px"><span>x</span>​<span>x</span>​<span>x</span></td>
|
||||
</tr></table>
|
||||
</td></tr></table>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,36 @@
|
|||
<!DOCTYPE HTML>
|
||||
<html>
|
||||
<head>
|
||||
<title>Percent widths on table cells</title>
|
||||
<style type="text/css">
|
||||
|
||||
td > table {
|
||||
border-spacing: 3px 5px;
|
||||
padding: 2px 3px 4px 5px;
|
||||
}
|
||||
|
||||
td {
|
||||
border: none;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
span {
|
||||
display: inline-block;
|
||||
width: 50px;
|
||||
background: fuchsia;
|
||||
color: fuchsia;
|
||||
}
|
||||
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<table border><tr><td>
|
||||
<table><tr>
|
||||
<td style="background: yellow;color:yellow"><span>x</span></td>
|
||||
<td style="background:aqua;color:aqua" width="50%"><span>x</span>​<span>x</span>​<span>x</span></td>
|
||||
</tr></table>
|
||||
</td></tr></table>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,27 @@
|
|||
<!DOCTYPE HTML>
|
||||
<html>
|
||||
<head>
|
||||
<title>Percent widths on table cells</title>
|
||||
<style type="text/css">
|
||||
|
||||
table {
|
||||
border-spacing: 3px 5px;
|
||||
padding: 2px 3px 4px 5px;
|
||||
}
|
||||
|
||||
td {
|
||||
border: none;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<table><tr>
|
||||
<td style="background: yellow;color:yellow; width: 200px">x</td>
|
||||
<td style="background:aqua;color:aqua; width: 200px">x</td>
|
||||
</tr></table>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,27 @@
|
|||
<!DOCTYPE HTML>
|
||||
<html>
|
||||
<head>
|
||||
<title>Percent widths on table cells</title>
|
||||
<style type="text/css">
|
||||
|
||||
table {
|
||||
border-spacing: 3px 5px;
|
||||
padding: 2px 3px 4px 5px;
|
||||
}
|
||||
|
||||
td {
|
||||
border: none;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<table><tr>
|
||||
<td style="background: yellow;color:yellow">x</td>
|
||||
<td style="background:aqua;color:aqua" width="50%"><div style="width:200px">x</div></td>
|
||||
</tr></table>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,9 @@
|
|||
<!DOCTYPE HTML>
|
||||
<html>
|
||||
<head>
|
||||
<title>Test that cellpadding, cellspacing, border, etc., don't break table sizing.</title>
|
||||
</head>
|
||||
<body>
|
||||
This is some text.
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,19 @@
|
|||
<!DOCTYPE HTML>
|
||||
<html>
|
||||
<head>
|
||||
<title>Test that cellpadding, cellspacing, border, etc., don't break table sizing.</title>
|
||||
<style type="text/css">
|
||||
|
||||
table, td {
|
||||
border: none;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
border-spacing: 0;
|
||||
}
|
||||
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<table><tr><td>This is some text.</td></tr></table>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,30 @@
|
|||
<!DOCTYPE HTML>
|
||||
<html>
|
||||
<head>
|
||||
<title>Shrink-wrapping of tables</title>
|
||||
<style type="text/css">
|
||||
|
||||
table, td {
|
||||
border: none;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
border-spacing: 0;
|
||||
}
|
||||
|
||||
span {
|
||||
display: inline-block;
|
||||
width: 50px;
|
||||
background: yellow;
|
||||
color: black;
|
||||
}
|
||||
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<table><tr>
|
||||
<td style="background:aqua;color:aqua;width:100px"><span>x</span>​<span>x</span>​<span>x</span>​<span>x</span></td>
|
||||
</tr></table>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,30 @@
|
|||
<!DOCTYPE HTML>
|
||||
<html>
|
||||
<head>
|
||||
<title>Shrink-wrapping of tables</title>
|
||||
<style type="text/css">
|
||||
|
||||
table, td {
|
||||
border: none;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
border-spacing: 0;
|
||||
}
|
||||
|
||||
span {
|
||||
display: inline-block;
|
||||
width: 50px;
|
||||
background: yellow;
|
||||
color: black;
|
||||
}
|
||||
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<div style="width: 100px"><table><tr>
|
||||
<td style="background:aqua;color:aqua"><span>x</span>​<span>x</span>​<span>x</span>​<span>x</span></td>
|
||||
</tr></table></div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,30 @@
|
|||
<!DOCTYPE HTML>
|
||||
<html>
|
||||
<head>
|
||||
<title>Shrink-wrapping of tables</title>
|
||||
<style type="text/css">
|
||||
|
||||
table, td {
|
||||
border: none;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
border-spacing: 0;
|
||||
}
|
||||
|
||||
span {
|
||||
display: inline-block;
|
||||
width: 50px;
|
||||
background: yellow;
|
||||
color: black;
|
||||
}
|
||||
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<table><tr>
|
||||
<td style="background:aqua;color:aqua;width:50px"><span>x</span>​<span>x</span>​<span>x</span>​<span>x</span></td>
|
||||
</tr></table>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,30 @@
|
|||
<!DOCTYPE HTML>
|
||||
<html>
|
||||
<head>
|
||||
<title>Shrink-wrapping of tables</title>
|
||||
<style type="text/css">
|
||||
|
||||
table, td {
|
||||
border: none;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
border-spacing: 0;
|
||||
}
|
||||
|
||||
span {
|
||||
display: inline-block;
|
||||
width: 50px;
|
||||
background: yellow;
|
||||
color: black;
|
||||
}
|
||||
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<div style="width: 20px"><table><tr>
|
||||
<td style="background:aqua;color:aqua"><span>x</span>​<span>x</span>​<span>x</span>​<span>x</span></td>
|
||||
</tr></table></div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,30 @@
|
|||
<!DOCTYPE HTML>
|
||||
<html>
|
||||
<head>
|
||||
<title>Shrink-wrapping of tables</title>
|
||||
<style type="text/css">
|
||||
|
||||
table, td {
|
||||
border: none;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
border-spacing: 0;
|
||||
}
|
||||
|
||||
span {
|
||||
display: inline-block;
|
||||
width: 50px;
|
||||
background: yellow;
|
||||
color: black;
|
||||
}
|
||||
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<table><tr>
|
||||
<td style="background:aqua;color:aqua;width:200px"><span>x</span>​<span>x</span>​<span>x</span>​<span>x</span></td>
|
||||
</tr></table>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,30 @@
|
|||
<!DOCTYPE HTML>
|
||||
<html>
|
||||
<head>
|
||||
<title>Shrink-wrapping of tables</title>
|
||||
<style type="text/css">
|
||||
|
||||
table, td {
|
||||
border: none;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
border-spacing: 0;
|
||||
}
|
||||
|
||||
span {
|
||||
display: inline-block;
|
||||
width: 50px;
|
||||
background: yellow;
|
||||
color: black;
|
||||
}
|
||||
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<div style="width: 400px"><table><tr>
|
||||
<td style="background:aqua;color:aqua"><span>x</span>​<span>x</span>​<span>x</span>​<span>x</span></td>
|
||||
</tr></table></div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,29 @@
|
|||
<html>
|
||||
<head>
|
||||
<title>Test that cellpadding, cellspacing, border, etc., don't break table sizing.</title>
|
||||
<style type="text/css">
|
||||
|
||||
html, body { margin: 0 } /* no collapsing */
|
||||
|
||||
table, td {
|
||||
border: none;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
border-spacing: 0;
|
||||
}
|
||||
|
||||
body > table { margin: 28px 29px 34px 35px; }
|
||||
body { background: white; color: black; }
|
||||
|
||||
div { background: olive; color: black; }
|
||||
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<table width="1"><tr><td>
|
||||
<table><tr><td>
|
||||
<div>This is some text.</div>
|
||||
</td></tr></table>
|
||||
</td></tr></table>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,27 @@
|
|||
<html>
|
||||
<head>
|
||||
<title>Test that cellpadding, cellspacing, border, etc., don't break table sizing.</title>
|
||||
<style type="text/css">
|
||||
|
||||
html, body { margin: 0 } /* no collapsing */
|
||||
|
||||
table, td {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
* { border-color: white; /* hidden */ }
|
||||
table, td { border-style: solid; }
|
||||
body { background: white; color: black; }
|
||||
|
||||
div { background: olive; color: black; }
|
||||
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<table width="1" cellpadding="3" cellspacing="5" border="2"><tr><td colspan="2" style="border-width: 1px"> <!-- td border currently already 1px -->
|
||||
<table style="border-spacing: 5px 7px; border-width: 2px 3px 4px 5px"><tr><td colspan="3" style="padding: 4px 5px 6px 7px;border-width: 4px 5px 6px 7px">
|
||||
<div>This is some text.</div>
|
||||
</td></tr></table>
|
||||
</td></tr></table>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,29 @@
|
|||
<html>
|
||||
<head>
|
||||
<title>Test that cellpadding, cellspacing, border, etc., don't break table sizing.</title>
|
||||
<style type="text/css">
|
||||
|
||||
html, body { margin: 0 } /* no collapsing */
|
||||
|
||||
table, td {
|
||||
border: none;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
border-spacing: 0;
|
||||
}
|
||||
|
||||
body > table { margin: 28px 29px 34px 35px; }
|
||||
body { background: white; color: black; }
|
||||
|
||||
div { background: olive; color: black; }
|
||||
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<table><tr><td>
|
||||
<table><tr><td>
|
||||
<div>This is some text.</div>
|
||||
</td></tr></table>
|
||||
</td></tr></table>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,27 @@
|
|||
<html>
|
||||
<head>
|
||||
<title>Test that cellpadding, cellspacing, border, etc., don't break table sizing.</title>
|
||||
<style type="text/css">
|
||||
|
||||
html, body { margin: 0 } /* no collapsing */
|
||||
|
||||
table, td {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
* { border-color: white; /* hidden */ }
|
||||
table, td { border-style: solid; }
|
||||
body { background: white; color: black; }
|
||||
|
||||
div { background: olive; color: black; }
|
||||
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<table cellpadding="3" cellspacing="5" border="2"><tr><td colspan="2" style="border-width: 1px"> <!-- td border currently already 1px -->
|
||||
<table style="border-spacing: 5px 7px; border-width: 2px 3px 4px 5px"><tr><td colspan="3" style="padding: 4px 5px 6px 7px;border-width: 4px 5px 6px 7px">
|
||||
<div>This is some text.</div>
|
||||
</td></tr></table>
|
||||
</td></tr></table>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,30 @@
|
|||
<!DOCTYPE HTML>
|
||||
<html>
|
||||
<head>
|
||||
<title>Test that cellpadding, cellspacing, border, etc., don't break table sizing.</title>
|
||||
<style type="text/css">
|
||||
|
||||
html, body { margin: 0 } /* no collapsing */
|
||||
|
||||
table, td {
|
||||
border: none;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
border-spacing: 0;
|
||||
}
|
||||
|
||||
body > table { margin: 28px 29px 34px 35px; }
|
||||
body { background: white; color: black; }
|
||||
|
||||
div { background: olive; color: black; }
|
||||
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<table width="1"><tr><td>
|
||||
<table><tr><td>
|
||||
<div>This is some text.</div>
|
||||
</td></tr></table>
|
||||
</td></tr></table>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,28 @@
|
|||
<!DOCTYPE HTML>
|
||||
<html>
|
||||
<head>
|
||||
<title>Test that cellpadding, cellspacing, border, etc., don't break table sizing.</title>
|
||||
<style type="text/css">
|
||||
|
||||
html, body { margin: 0 } /* no collapsing */
|
||||
|
||||
table, td {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
* { border-color: white; /* hidden */ }
|
||||
table, td { border-style: solid; }
|
||||
body { background: white; color: black; }
|
||||
|
||||
div { background: olive; color: black; }
|
||||
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<table width="1" cellpadding="3" cellspacing="5" border="2"><tr><td colspan="2" style="border-width: 1px"> <!-- td border currently already 1px -->
|
||||
<table style="border-spacing: 5px 7px; border-width: 2px 3px 4px 5px"><tr><td colspan="3" style="padding: 4px 5px 6px 7px;border-width: 4px 5px 6px 7px">
|
||||
<div>This is some text.</div>
|
||||
</td></tr></table>
|
||||
</td></tr></table>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,30 @@
|
|||
<!DOCTYPE HTML>
|
||||
<html>
|
||||
<head>
|
||||
<title>Test that cellpadding, cellspacing, border, etc., don't break table sizing.</title>
|
||||
<style type="text/css">
|
||||
|
||||
html, body { margin: 0 } /* no collapsing */
|
||||
|
||||
table, td {
|
||||
border: none;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
border-spacing: 0;
|
||||
}
|
||||
|
||||
body > table { margin: 28px 29px 34px 35px; }
|
||||
body { background: white; color: black; }
|
||||
|
||||
div { background: olive; color: black; }
|
||||
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<table><tr><td>
|
||||
<table><tr><td>
|
||||
<div>This is some text.</div>
|
||||
</td></tr></table>
|
||||
</td></tr></table>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,28 @@
|
|||
<!DOCTYPE HTML>
|
||||
<html>
|
||||
<head>
|
||||
<title>Test that cellpadding, cellspacing, border, etc., don't break table sizing.</title>
|
||||
<style type="text/css">
|
||||
|
||||
html, body { margin: 0 } /* no collapsing */
|
||||
|
||||
table, td {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
* { border-color: white; /* hidden */ }
|
||||
table, td { border-style: solid; }
|
||||
body { background: white; color: black; }
|
||||
|
||||
div { background: olive; color: black; }
|
||||
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<table cellpadding="3" cellspacing="5" border="2"><tr><td colspan="2" style="border-width: 1px"> <!-- td border currently already 1px -->
|
||||
<table style="border-spacing: 5px 7px; border-width: 2px 3px 4px 5px"><tr><td colspan="3" style="padding: 4px 5px 6px 7px;border-width: 4px 5px 6px 7px">
|
||||
<div>This is some text.</div>
|
||||
</td></tr></table>
|
||||
</td></tr></table>
|
||||
</body>
|
||||
</html>
|
||||
Загрузка…
Ссылка в новой задаче