summaryrefslogtreecommitdiffstats
path: root/layout/reftests/bugs/427129-ref.html
diff options
context:
space:
mode:
Diffstat (limited to '')
-rw-r--r--layout/reftests/bugs/427129-ref.html148
1 files changed, 148 insertions, 0 deletions
diff --git a/layout/reftests/bugs/427129-ref.html b/layout/reftests/bugs/427129-ref.html
new file mode 100644
index 0000000000..331409e40d
--- /dev/null
+++ b/layout/reftests/bugs/427129-ref.html
@@ -0,0 +1,148 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
+ "http://www.w3.org/TR/html4/strict.dtd">
+<html lang="en-US">
+<head>
+ <title>Reftest, bug 427129</title>
+ <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+ <meta http-equiv="Content-Style-Type" content="text/css">
+ <style type="text/css">
+
+ html, body { margin: 0; }
+
+ .contain {
+ background: aqua; color: black;
+ height: 10px; margin: 2px 50px;
+ padding-top: 0.1px; /* needed for some reason (XXX WHY?) */
+ }
+
+ .t { background: blue; height: 5px; width: 100px; }
+
+ </style>
+</head>
+<body>
+
+<div class="contain">
+ <div class="t" style="margin-left: 56px"></div>
+</div>
+
+<div class="contain">
+ <div class="t" style="margin-left: 56px"></div>
+</div>
+
+<div class="contain">
+ <div class="t" style="margin-left: 56px"></div>
+</div>
+
+<div class="contain">
+ <div class="t" style="margin-left: 73px"></div>
+</div>
+
+<div class="contain">
+ <div class="t" style="margin-left: 100px"></div>
+</div>
+
+<div class="contain">
+ <div class="t" style="margin-left: auto; margin-right: 73px"></div>
+</div>
+
+<div class="contain">
+ <div class="t" style="margin-left: auto; margin-right: 73px"></div>
+</div>
+
+<div class="contain">
+ <div class="t" style="margin-left: auto; margin-right: 73px"></div>
+</div>
+
+<div class="contain">
+ <div class="t" style="margin-left: auto; margin-right: 73px"></div>
+</div>
+
+<div class="contain">
+ <div class="t" style="margin-left: auto; margin-right: 100px"></div>
+</div>
+
+<!-- Remember that the extra end-edge margin gets ignored -->
+<div style="width: 300px">
+ <div class="contain">
+ <div class="t" style="margin-left: 56px; width: 71px"></div>
+ </div>
+
+ <div class="contain">
+ <div class="t" style="margin-left: 56px; width: 71px"></div>
+ </div>
+
+ <div class="contain">
+ <div class="t" style="margin-top: 5px; width: 72px"></div>
+ </div>
+
+ <div class="contain">
+ <div class="t" style="margin-top: 5px; margin-left: 15px; width: 72px"></div>
+ </div>
+
+ <div class="contain">
+ <div class="t" style="margin-left: 56px; width: 71px"></div>
+ </div>
+
+ <div class="contain">
+ <div class="t" style="margin-top: 5px; margin-left: 57px; width: 71px"></div>
+ </div>
+
+ <div class="contain">
+ <div class="t" style="margin-left: 56px; width: 71px"></div>
+ </div>
+
+ <div class="contain">
+ <div class="t" style="margin-left: 56px; width: 71px"></div>
+ </div>
+
+ <div class="contain">
+ <div class="t" style="margin-left: 56px; width: 71px"></div>
+ </div>
+
+ <div class="contain">
+ <div class="t" style="margin-top: 5px; margin-left: 15px; width: 72px"></div>
+ </div>
+
+ <div class="contain">
+ <div class="t" style="margin-left: 56px; width: 71px"></div>
+ </div>
+
+ <div class="contain">
+ <div class="t" style="margin-left: 56px; width: 71px"></div>
+ </div>
+
+ <div class="contain">
+ <div class="t" style="margin-top: 5px; width: 73px"></div>
+ </div>
+
+ <div class="contain">
+ <div class="t" style="margin-top: 5px; margin-left: 15px; width: 73px"></div>
+ </div>
+
+ <div class="contain">
+ <div class="t" style="margin-left: 56px; width: 71px"></div>
+ </div>
+
+ <div class="contain">
+ <div class="t" style="margin-top: 5px; margin-left: 57px; width: 71px"></div>
+ </div>
+
+ <div class="contain">
+ <div class="t" style="margin-left: 56px; width: 71px"></div>
+ </div>
+
+ <div class="contain">
+ <div class="t" style="margin-left: 56px; width: 71px"></div>
+ </div>
+
+ <div class="contain">
+ <div class="t" style="margin-left: 56px; width: 71px"></div>
+ </div>
+
+ <div class="contain">
+ <div class="t" style="margin-top: 5px; margin-left: 15px; width: 73px"></div>
+ </div>
+</div>
+
+</body>
+</html>