diff options
author | Daniel Baumann <daniel.baumann@progress-linux.org> | 2024-04-19 01:47:29 +0000 |
---|---|---|
committer | Daniel Baumann <daniel.baumann@progress-linux.org> | 2024-04-19 01:47:29 +0000 |
commit | 0ebf5bdf043a27fd3dfb7f92e0cb63d88954c44d (patch) | |
tree | a31f07c9bcca9d56ce61e9a1ffd30ef350d513aa /testing/web-platform/tests/css/CSS2/csswg-issues | |
parent | Initial commit. (diff) | |
download | firefox-esr-0ebf5bdf043a27fd3dfb7f92e0cb63d88954c44d.tar.xz firefox-esr-0ebf5bdf043a27fd3dfb7f92e0cb63d88954c44d.zip |
Adding upstream version 115.8.0esr.upstream/115.8.0esr
Signed-off-by: Daniel Baumann <daniel.baumann@progress-linux.org>
Diffstat (limited to 'testing/web-platform/tests/css/CSS2/csswg-issues')
30 files changed, 2264 insertions, 0 deletions
diff --git a/testing/web-platform/tests/css/CSS2/csswg-issues/submitted/css2.1/abspos-non-replaced-width-margin-000-ref.xht b/testing/web-platform/tests/css/CSS2/csswg-issues/submitted/css2.1/abspos-non-replaced-width-margin-000-ref.xht new file mode 100644 index 0000000000..153d318e6c --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/csswg-issues/submitted/css2.1/abspos-non-replaced-width-margin-000-ref.xht @@ -0,0 +1,458 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> +<head> +<title>CSS Test Reference</title> +<link rel="author" title="L. David Baron" href="https://dbaron.org/"/> +<link rel="alternate" href="http://mxr.mozilla.org/mozilla-central/source/layout/reftests/abspos-non-replaced-width-offset-margin-ref.html"/> +<style type="text/css"> + +html, body { margin: 0; padding: 0; border: none; } +div { height: 1px; background: navy; } + +</style> +</head> +<body> + +<!-- ***** NARROW WIDTH ***** --> + +<!-- nothing auto --> +<div style="margin-left: 70px; width: 177px;"></div> +<div style="margin-left: 496px; width: 177px;"></div> +<div style="margin-left: 70px; width: 177px;"></div> +<div style="margin-left: 496px; width: 177px;"></div> +<div style="margin-left: 70px; width: 177px;"></div> +<div style="margin-left: 496px; width: 177px;"></div> +<div style="margin-left: 70px; width: 177px;"></div> +<div style="margin-left: 496px; width: 177px;"></div> +<!-- only left auto --> +<div style="margin-left: 496px; width: 177px;"></div> +<div style="margin-left: 496px; width: 177px;"></div> +<div style="margin-left: 496px; width: 177px;"></div> +<div style="margin-left: 496px; width: 177px;"></div> +<div style="margin-left: 496px; width: 177px;"></div> +<div style="margin-left: 496px; width: 177px;"></div> +<div style="margin-left: 496px; width: 177px;"></div> +<div style="margin-left: 496px; width: 177px;"></div> +<!-- only right auto --> +<div style="margin-left: 70px; width: 177px;"></div> +<div style="margin-left: 70px; width: 177px;"></div> +<div style="margin-left: 70px; width: 177px;"></div> +<div style="margin-left: 70px; width: 177px;"></div> +<div style="margin-left: 70px; width: 177px;"></div> +<div style="margin-left: 70px; width: 177px;"></div> +<div style="margin-left: 70px; width: 177px;"></div> +<div style="margin-left: 70px; width: 177px;"></div> +<!-- left and right auto --> +<div style="margin-left: 167px; width: 177px;"></div> +<div style="margin-left: 167px; width: 177px;"></div> +<div style="margin-left: 454px; width: 177px;"></div> +<div style="margin-left: 454px; width: 177px;"></div> +<div style="margin-left: 167px; width: 177px;"></div> +<div style="margin-left: 167px; width: 177px;"></div> +<div style="margin-left: 454px; width: 177px;"></div> +<div style="margin-left: 454px; width: 177px;"></div> +<!-- only margin-left auto --> +<div style="margin-left: 496px; width: 177px;"></div> +<div style="margin-left: 496px; width: 177px;"></div> +<div style="margin-left: 496px; width: 177px;"></div> +<div style="margin-left: 496px; width: 177px;"></div> +<div style="margin-left: 496px; width: 177px;"></div> +<div style="margin-left: 496px; width: 177px;"></div> +<div style="margin-left: 496px; width: 177px;"></div> +<div style="margin-left: 496px; width: 177px;"></div> +<!-- left and margin-left auto --> +<div style="margin-left: 496px; width: 177px;"></div> +<div style="margin-left: 496px; width: 177px;"></div> +<div style="margin-left: 496px; width: 177px;"></div> +<div style="margin-left: 496px; width: 177px;"></div> +<div style="margin-left: 496px; width: 177px;"></div> +<div style="margin-left: 496px; width: 177px;"></div> +<div style="margin-left: 496px; width: 177px;"></div> +<div style="margin-left: 496px; width: 177px;"></div> +<!-- right and margin-left auto (margin-left like 0) --> +<div style="margin-left: 53px; width: 177px;"></div> +<div style="margin-left: 53px; width: 177px;"></div> +<div style="margin-left: 53px; width: 177px;"></div> +<div style="margin-left: 53px; width: 177px;"></div> +<div style="margin-left: 53px; width: 177px;"></div> +<div style="margin-left: 53px; width: 177px;"></div> +<div style="margin-left: 53px; width: 177px;"></div> +<div style="margin-left: 53px; width: 177px;"></div> +<!-- left and right and margin-left auto (margin-left like 0) --> +<div style="margin-left: 150px; width: 177px;"></div> +<div style="margin-left: 150px; width: 177px;"></div> +<div style="margin-left: 454px; width: 177px;"></div> +<div style="margin-left: 454px; width: 177px;"></div> +<div style="margin-left: 150px; width: 177px;"></div> +<div style="margin-left: 150px; width: 177px;"></div> +<div style="margin-left: 454px; width: 177px;"></div> +<div style="margin-left: 454px; width: 177px;"></div> +<!-- only margin-right auto --> +<div style="margin-left: 70px; width: 177px;"></div> +<div style="margin-left: 70px; width: 177px;"></div> +<div style="margin-left: 70px; width: 177px;"></div> +<div style="margin-left: 70px; width: 177px;"></div> +<div style="margin-left: 70px; width: 177px;"></div> +<div style="margin-left: 70px; width: 177px;"></div> +<div style="margin-left: 70px; width: 177px;"></div> +<div style="margin-left: 70px; width: 177px;"></div> +<!-- left and margin-right auto (margin-right like 0) --> +<div style="margin-left: 515px; width: 177px;"></div> +<div style="margin-left: 515px; width: 177px;"></div> +<div style="margin-left: 515px; width: 177px;"></div> +<div style="margin-left: 515px; width: 177px;"></div> +<div style="margin-left: 515px; width: 177px;"></div> +<div style="margin-left: 515px; width: 177px;"></div> +<div style="margin-left: 515px; width: 177px;"></div> +<div style="margin-left: 515px; width: 177px;"></div> +<!-- right and margin-right auto --> +<div style="margin-left: 70px; width: 177px;"></div> +<div style="margin-left: 70px; width: 177px;"></div> +<div style="margin-left: 70px; width: 177px;"></div> +<div style="margin-left: 70px; width: 177px;"></div> +<div style="margin-left: 70px; width: 177px;"></div> +<div style="margin-left: 70px; width: 177px;"></div> +<div style="margin-left: 70px; width: 177px;"></div> +<div style="margin-left: 70px; width: 177px;"></div> +<!-- left and right and margin-right auto (margin-right like 0) --> +<div style="margin-left: 167px; width: 177px;"></div> +<div style="margin-left: 167px; width: 177px;"></div> +<div style="margin-left: 473px; width: 177px;"></div> +<div style="margin-left: 473px; width: 177px;"></div> +<div style="margin-left: 167px; width: 177px;"></div> +<div style="margin-left: 167px; width: 177px;"></div> +<div style="margin-left: 473px; width: 177px;"></div> +<div style="margin-left: 473px; width: 177px;"></div> +<!-- margin-left and margin-right auto --> +<div style="margin-left: 284px; width: 177px;"></div> +<div style="margin-left: 284px; width: 177px;"></div> +<div style="margin-left: 284px; width: 177px;"></div> +<div style="margin-left: 284px; width: 177px;"></div> +<div style="margin-left: 284px; width: 177px;"></div> +<div style="margin-left: 284px; width: 177px;"></div> +<div style="margin-left: 284px; width: 177px;"></div> +<div style="margin-left: 284px; width: 177px;"></div> +<!-- left and margin-left and margin-right auto (margin-right like 0) --> +<div style="margin-left: 515px; width: 177px;"></div> +<div style="margin-left: 515px; width: 177px;"></div> +<div style="margin-left: 515px; width: 177px;"></div> +<div style="margin-left: 515px; width: 177px;"></div> +<div style="margin-left: 515px; width: 177px;"></div> +<div style="margin-left: 515px; width: 177px;"></div> +<div style="margin-left: 515px; width: 177px;"></div> +<div style="margin-left: 515px; width: 177px;"></div> +<!-- right and margin-left and margin-right auto (margin-left like 0) --> +<div style="margin-left: 53px; width: 177px;"></div> +<div style="margin-left: 53px; width: 177px;"></div> +<div style="margin-left: 53px; width: 177px;"></div> +<div style="margin-left: 53px; width: 177px;"></div> +<div style="margin-left: 53px; width: 177px;"></div> +<div style="margin-left: 53px; width: 177px;"></div> +<div style="margin-left: 53px; width: 177px;"></div> +<div style="margin-left: 53px; width: 177px;"></div> +<!-- left and right and margin-left and margin-right auto (margin-left and margin-right like 0) --> +<div style="margin-left: 150px; width: 177px;"></div> +<div style="margin-left: 150px; width: 177px;"></div> +<div style="margin-left: 473px; width: 177px;"></div> +<div style="margin-left: 473px; width: 177px;"></div> +<div style="margin-left: 150px; width: 177px;"></div> +<div style="margin-left: 150px; width: 177px;"></div> +<div style="margin-left: 473px; width: 177px;"></div> +<div style="margin-left: 473px; width: 177px;"></div> + +<!-- AUTO WIDTH --> + +<!-- nothing auto --> +<div style="margin-left: 70px; width: 603px;"></div> +<div style="margin-left: 70px; width: 603px;"></div> +<div style="margin-left: 70px; width: 603px;"></div> +<div style="margin-left: 70px; width: 603px;"></div> +<div style="margin-left: 70px; width: 603px;"></div> +<div style="margin-left: 70px; width: 603px;"></div> +<div style="margin-left: 70px; width: 603px;"></div> +<div style="margin-left: 70px; width: 603px;"></div> +<!-- only left auto --> +<div style="margin-left: 577px; width: 96px;"></div> +<div style="margin-left: 577px; width: 96px;"></div> +<div style="margin-left: 577px; width: 96px;"></div> +<div style="margin-left: 577px; width: 96px;"></div> +<div style="margin-left: 577px; width: 96px;"></div> +<div style="margin-left: 577px; width: 96px;"></div> +<div style="margin-left: 577px; width: 96px;"></div> +<div style="margin-left: 577px; width: 96px;"></div> +<!-- only right auto --> +<div style="margin-left: 70px; width: 96px;"></div> +<div style="margin-left: 70px; width: 96px;"></div> +<div style="margin-left: 70px; width: 96px;"></div> +<div style="margin-left: 70px; width: 96px;"></div> +<div style="margin-left: 70px; width: 96px;"></div> +<div style="margin-left: 70px; width: 96px;"></div> +<div style="margin-left: 70px; width: 96px;"></div> +<div style="margin-left: 70px; width: 96px;"></div> +<!-- left and right auto --> +<div style="margin-left: 167px; width: 96px;"></div> +<div style="margin-left: 167px; width: 96px;"></div> +<div style="margin-left: 535px; width: 96px;"></div> +<div style="margin-left: 535px; width: 96px;"></div> +<div style="margin-left: 167px; width: 96px;"></div> +<div style="margin-left: 167px; width: 96px;"></div> +<div style="margin-left: 535px; width: 96px;"></div> +<div style="margin-left: 535px; width: 96px;"></div> +<!-- only margin-left auto (margin-left like 0) --> +<div style="margin-left: 53px; width: 620px;"></div> +<div style="margin-left: 53px; width: 620px;"></div> +<div style="margin-left: 53px; width: 620px;"></div> +<div style="margin-left: 53px; width: 620px;"></div> +<div style="margin-left: 53px; width: 620px;"></div> +<div style="margin-left: 53px; width: 620px;"></div> +<div style="margin-left: 53px; width: 620px;"></div> +<div style="margin-left: 53px; width: 620px;"></div> +<!-- left and margin-left auto --> +<div style="margin-left: 577px; width: 96px;"></div> +<div style="margin-left: 577px; width: 96px;"></div> +<div style="margin-left: 577px; width: 96px;"></div> +<div style="margin-left: 577px; width: 96px;"></div> +<div style="margin-left: 577px; width: 96px;"></div> +<div style="margin-left: 577px; width: 96px;"></div> +<div style="margin-left: 577px; width: 96px;"></div> +<div style="margin-left: 577px; width: 96px;"></div> +<!-- right and margin-left auto (margin-left like 0) --> +<div style="margin-left: 53px; width: 96px;"></div> +<div style="margin-left: 53px; width: 96px;"></div> +<div style="margin-left: 53px; width: 96px;"></div> +<div style="margin-left: 53px; width: 96px;"></div> +<div style="margin-left: 53px; width: 96px;"></div> +<div style="margin-left: 53px; width: 96px;"></div> +<div style="margin-left: 53px; width: 96px;"></div> +<div style="margin-left: 53px; width: 96px;"></div> +<!-- left and right and margin-left auto (margin-left like 0) --> +<div style="margin-left: 150px; width: 96px;"></div> +<div style="margin-left: 150px; width: 96px;"></div> +<div style="margin-left: 535px; width: 96px;"></div> +<div style="margin-left: 535px; width: 96px;"></div> +<div style="margin-left: 150px; width: 96px;"></div> +<div style="margin-left: 150px; width: 96px;"></div> +<div style="margin-left: 535px; width: 96px;"></div> +<div style="margin-left: 535px; width: 96px;"></div> +<!-- only margin-right auto (margin-right like 0) --> +<div style="margin-left: 70px; width: 622px;"></div> +<div style="margin-left: 70px; width: 622px;"></div> +<div style="margin-left: 70px; width: 622px;"></div> +<div style="margin-left: 70px; width: 622px;"></div> +<div style="margin-left: 70px; width: 622px;"></div> +<div style="margin-left: 70px; width: 622px;"></div> +<div style="margin-left: 70px; width: 622px;"></div> +<div style="margin-left: 70px; width: 622px;"></div> +<!-- left and margin-right auto (margin-right like 0) --> +<div style="margin-left: 596px; width: 96px;"></div> +<div style="margin-left: 596px; width: 96px;"></div> +<div style="margin-left: 596px; width: 96px;"></div> +<div style="margin-left: 596px; width: 96px;"></div> +<div style="margin-left: 596px; width: 96px;"></div> +<div style="margin-left: 596px; width: 96px;"></div> +<div style="margin-left: 596px; width: 96px;"></div> +<div style="margin-left: 596px; width: 96px;"></div> +<!-- right and margin-right auto --> +<div style="margin-left: 70px; width: 96px;"></div> +<div style="margin-left: 70px; width: 96px;"></div> +<div style="margin-left: 70px; width: 96px;"></div> +<div style="margin-left: 70px; width: 96px;"></div> +<div style="margin-left: 70px; width: 96px;"></div> +<div style="margin-left: 70px; width: 96px;"></div> +<div style="margin-left: 70px; width: 96px;"></div> +<div style="margin-left: 70px; width: 96px;"></div> +<!-- left and right and margin-right auto (margin-right like 0) --> +<div style="margin-left: 167px; width: 96px;"></div> +<div style="margin-left: 167px; width: 96px;"></div> +<div style="margin-left: 554px; width: 96px;"></div> +<div style="margin-left: 554px; width: 96px;"></div> +<div style="margin-left: 167px; width: 96px;"></div> +<div style="margin-left: 167px; width: 96px;"></div> +<div style="margin-left: 554px; width: 96px;"></div> +<div style="margin-left: 554px; width: 96px;"></div> +<!-- margin-left and margin-right auto (both like 0) --> +<div style="margin-left: 53px; width: 639px;"></div> +<div style="margin-left: 53px; width: 639px;"></div> +<div style="margin-left: 53px; width: 639px;"></div> +<div style="margin-left: 53px; width: 639px;"></div> +<div style="margin-left: 53px; width: 639px;"></div> +<div style="margin-left: 53px; width: 639px;"></div> +<div style="margin-left: 53px; width: 639px;"></div> +<div style="margin-left: 53px; width: 639px;"></div> +<!-- left and margin-left and margin-right auto (margin-right like 0) --> +<div style="margin-left: 596px; width: 96px;"></div> +<div style="margin-left: 596px; width: 96px;"></div> +<div style="margin-left: 596px; width: 96px;"></div> +<div style="margin-left: 596px; width: 96px;"></div> +<div style="margin-left: 596px; width: 96px;"></div> +<div style="margin-left: 596px; width: 96px;"></div> +<div style="margin-left: 596px; width: 96px;"></div> +<div style="margin-left: 596px; width: 96px;"></div> +<!-- right and margin-left and margin-right auto (margin-left like 0) --> +<div style="margin-left: 53px; width: 96px;"></div> +<div style="margin-left: 53px; width: 96px;"></div> +<div style="margin-left: 53px; width: 96px;"></div> +<div style="margin-left: 53px; width: 96px;"></div> +<div style="margin-left: 53px; width: 96px;"></div> +<div style="margin-left: 53px; width: 96px;"></div> +<div style="margin-left: 53px; width: 96px;"></div> +<div style="margin-left: 53px; width: 96px;"></div> +<!-- left and right and margin-left and margin-right auto (margin-left and margin-right like 0) --> +<div style="margin-left: 150px; width: 96px;"></div> +<div style="margin-left: 150px; width: 96px;"></div> +<div style="margin-left: 554px; width: 96px;"></div> +<div style="margin-left: 554px; width: 96px;"></div> +<div style="margin-left: 150px; width: 96px;"></div> +<div style="margin-left: 150px; width: 96px;"></div> +<div style="margin-left: 554px; width: 96px;"></div> +<div style="margin-left: 554px; width: 96px;"></div> + +<!-- ***** WIDE WIDTH ***** --> + +<!-- nothing auto --> +<div style="margin-left: 70px; width: 684px;"></div> +<div style="margin-left: -11px; width: 684px;"></div> +<div style="margin-left: 70px; width: 684px;"></div> +<div style="margin-left: -11px; width: 684px;"></div> +<div style="margin-left: 70px; width: 684px;"></div> +<div style="margin-left: -11px; width: 684px;"></div> +<div style="margin-left: 70px; width: 684px;"></div> +<div style="margin-left: -11px; width: 684px;"></div> +<!-- only left auto --> +<div style="margin-left: -11px; width: 684px;"></div> +<div style="margin-left: -11px; width: 684px;"></div> +<div style="margin-left: -11px; width: 684px;"></div> +<div style="margin-left: -11px; width: 684px;"></div> +<div style="margin-left: -11px; width: 684px;"></div> +<div style="margin-left: -11px; width: 684px;"></div> +<div style="margin-left: -11px; width: 684px;"></div> +<div style="margin-left: -11px; width: 684px;"></div> +<!-- only right auto --> +<div style="margin-left: 70px; width: 684px;"></div> +<div style="margin-left: 70px; width: 684px;"></div> +<div style="margin-left: 70px; width: 684px;"></div> +<div style="margin-left: 70px; width: 684px;"></div> +<div style="margin-left: 70px; width: 684px;"></div> +<div style="margin-left: 70px; width: 684px;"></div> +<div style="margin-left: 70px; width: 684px;"></div> +<div style="margin-left: 70px; width: 684px;"></div> +<!-- left and right auto --> +<div style="margin-left: 167px; width: 684px;"></div> +<div style="margin-left: 167px; width: 684px;"></div> +<div style="margin-left: -53px; width: 684px;"></div> +<div style="margin-left: -53px; width: 684px;"></div> +<div style="margin-left: 167px; width: 684px;"></div> +<div style="margin-left: 167px; width: 684px;"></div> +<div style="margin-left: -53px; width: 684px;"></div> +<div style="margin-left: -53px; width: 684px;"></div> +<!-- only margin-left auto --> +<div style="margin-left: -11px; width: 684px;"></div> +<div style="margin-left: -11px; width: 684px;"></div> +<div style="margin-left: -11px; width: 684px;"></div> +<div style="margin-left: -11px; width: 684px;"></div> +<div style="margin-left: -11px; width: 684px;"></div> +<div style="margin-left: -11px; width: 684px;"></div> +<div style="margin-left: -11px; width: 684px;"></div> +<div style="margin-left: -11px; width: 684px;"></div> +<!-- left and margin-left auto --> +<div style="margin-left: -11px; width: 684px;"></div> +<div style="margin-left: -11px; width: 684px;"></div> +<div style="margin-left: -11px; width: 684px;"></div> +<div style="margin-left: -11px; width: 684px;"></div> +<div style="margin-left: -11px; width: 684px;"></div> +<div style="margin-left: -11px; width: 684px;"></div> +<div style="margin-left: -11px; width: 684px;"></div> +<div style="margin-left: -11px; width: 684px;"></div> +<!-- right and margin-left auto (margin-left like 0) --> +<div style="margin-left: 53px; width: 684px;"></div> +<div style="margin-left: 53px; width: 684px;"></div> +<div style="margin-left: 53px; width: 684px;"></div> +<div style="margin-left: 53px; width: 684px;"></div> +<div style="margin-left: 53px; width: 684px;"></div> +<div style="margin-left: 53px; width: 684px;"></div> +<div style="margin-left: 53px; width: 684px;"></div> +<div style="margin-left: 53px; width: 684px;"></div> +<!-- left and right and margin-left auto (margin-left like 0) --> +<div style="margin-left: 150px; width: 684px;"></div> +<div style="margin-left: 150px; width: 684px;"></div> +<div style="margin-left: -53px; width: 684px;"></div> +<div style="margin-left: -53px; width: 684px;"></div> +<div style="margin-left: 150px; width: 684px;"></div> +<div style="margin-left: 150px; width: 684px;"></div> +<div style="margin-left: -53px; width: 684px;"></div> +<div style="margin-left: -53px; width: 684px;"></div> +<!-- only margin-right auto --> +<div style="margin-left: 70px; width: 684px;"></div> +<div style="margin-left: 70px; width: 684px;"></div> +<div style="margin-left: 70px; width: 684px;"></div> +<div style="margin-left: 70px; width: 684px;"></div> +<div style="margin-left: 70px; width: 684px;"></div> +<div style="margin-left: 70px; width: 684px;"></div> +<div style="margin-left: 70px; width: 684px;"></div> +<div style="margin-left: 70px; width: 684px;"></div> +<!-- left and margin-right auto (margin-right like 0) --> +<div style="margin-left: 8px; width: 684px;"></div> +<div style="margin-left: 8px; width: 684px;"></div> +<div style="margin-left: 8px; width: 684px;"></div> +<div style="margin-left: 8px; width: 684px;"></div> +<div style="margin-left: 8px; width: 684px;"></div> +<div style="margin-left: 8px; width: 684px;"></div> +<div style="margin-left: 8px; width: 684px;"></div> +<div style="margin-left: 8px; width: 684px;"></div> +<!-- right and margin-right auto --> +<div style="margin-left: 70px; width: 684px;"></div> +<div style="margin-left: 70px; width: 684px;"></div> +<div style="margin-left: 70px; width: 684px;"></div> +<div style="margin-left: 70px; width: 684px;"></div> +<div style="margin-left: 70px; width: 684px;"></div> +<div style="margin-left: 70px; width: 684px;"></div> +<div style="margin-left: 70px; width: 684px;"></div> +<div style="margin-left: 70px; width: 684px;"></div> +<!-- left and right and margin-right auto (margin-right like 0) --> +<div style="margin-left: 167px; width: 684px;"></div> +<div style="margin-left: 167px; width: 684px;"></div> +<div style="margin-left: -34px; width: 684px;"></div> +<div style="margin-left: -34px; width: 684px;"></div> +<div style="margin-left: 167px; width: 684px;"></div> +<div style="margin-left: 167px; width: 684px;"></div> +<div style="margin-left: -34px; width: 684px;"></div> +<div style="margin-left: -34px; width: 684px;"></div> +<!-- margin-left and margin-right auto (alternately like 0) --> +<div style="margin-left: 53px; width: 684px;"></div> +<div style="margin-left: 8px; width: 684px;"></div> +<div style="margin-left: 53px; width: 684px;"></div> +<div style="margin-left: 8px; width: 684px;"></div> +<div style="margin-left: 53px; width: 684px;"></div> +<div style="margin-left: 8px; width: 684px;"></div> +<div style="margin-left: 53px; width: 684px;"></div> +<div style="margin-left: 8px; width: 684px;"></div> +<!-- left and margin-left and margin-right auto (margin-right like 0) --> +<div style="margin-left: 8px; width: 684px;"></div> +<div style="margin-left: 8px; width: 684px;"></div> +<div style="margin-left: 8px; width: 684px;"></div> +<div style="margin-left: 8px; width: 684px;"></div> +<div style="margin-left: 8px; width: 684px;"></div> +<div style="margin-left: 8px; width: 684px;"></div> +<div style="margin-left: 8px; width: 684px;"></div> +<div style="margin-left: 8px; width: 684px;"></div> +<!-- right and margin-left and margin-right auto (margin-left like 0) --> +<div style="margin-left: 53px; width: 684px;"></div> +<div style="margin-left: 53px; width: 684px;"></div> +<div style="margin-left: 53px; width: 684px;"></div> +<div style="margin-left: 53px; width: 684px;"></div> +<div style="margin-left: 53px; width: 684px;"></div> +<div style="margin-left: 53px; width: 684px;"></div> +<div style="margin-left: 53px; width: 684px;"></div> +<div style="margin-left: 53px; width: 684px;"></div> +<!-- left and right and margin-left and margin-right auto (margin-left and margin-right like 0) --> +<div style="margin-left: 150px; width: 684px;"></div> +<div style="margin-left: 150px; width: 684px;"></div> +<div style="margin-left: -34px; width: 684px;"></div> +<div style="margin-left: -34px; width: 684px;"></div> +<div style="margin-left: 150px; width: 684px;"></div> +<div style="margin-left: 150px; width: 684px;"></div> +<div style="margin-left: -34px; width: 684px;"></div> +<div style="margin-left: -34px; width: 684px;"></div> + +</body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/csswg-issues/submitted/css2.1/abspos-non-replaced-width-margin-000.xht b/testing/web-platform/tests/css/CSS2/csswg-issues/submitted/css2.1/abspos-non-replaced-width-margin-000.xht new file mode 100644 index 0000000000..4c4554b8dd --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/csswg-issues/submitted/css2.1/abspos-non-replaced-width-margin-000.xht @@ -0,0 +1,495 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> +<head> +<title>CSS Test: CSS2.1:10.3.7 Comprehensive - Absolutely Positioned Non-Replaced Horizontal Size+Position Calculations</title> +<link rel="author" title="L. David Baron" href="https://dbaron.org/"/> +<link rel="alternate" href="http://mxr.mozilla.org/mozilla-central/source/layout/reftests/abspos-non-replaced-width-offset-margin.html"/> +<link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#abs-non-replaced-width"/> +<link rel="match" href="abspos-non-replaced-width-margin-000-ref.xht"/> +<meta name="assert" content="The values of 'left', 'right', 'margin-left', +'margin-right', and 'width' are calculated correctly for absolutely positioned +non-replaced elements according to CSS2.1 Section 10.3.7."/> +<style type="text/css"> + +div { height: 1px; direction: ltr; } + +/* + * Every case here has three divs nested inside of each other. The + * innermost div (absolutely positioned) is the testcase (and has + * color). The middle div's content edge establishes the containing + * block it would have if it were statically positioned. The outermost + * div is actually its containing block. + * + * the abs pos containing block runs from 50px to 700px from the left edge + * the static pos containing block runs from 150px to 650px from the left edge + */ + +/* totals for html and body: 21px on the left, 34px on the right */ +html, body { border: transparent medium solid; } +html { margin: 0 3px 0 2px; padding: 0 4px 0 3px; border-width: 0 3px 0 8px; } +body { margin: 0 6px 0 3px; padding: 0 7px 0 1px; border-width: 0 11px 0 4px; } + +body > div { + position: relative; + + top: 0; + left: 4px; + + margin-left: 16px; + border-left: 9px solid transparent; + /* sum of above items (29px), plus 21px above, is 50px */ + padding-left: 40px; + + width: 595px; + + padding-right: 15px; + /* sum of above items (650px), plus 50px above, is 700px */ + + border-right: 27px solid transparent; + margin-right: 13px; +} + +body > div > div { + /* padding-left above: 40px */ + margin-left: 7px; + border-left: 29px solid transparent; + padding-left: 24px; + /* sum of above items (100px), plus 50px above, is 150px */ + + /* padding-right above: 15px */ + padding-right: 14px; + border-right: 3px solid transparent; + margin-right: 18px; + /* sum of above items (50px), subtracted from 700px, is 650px */ +} + +body > div > div > div { + background: navy; + position: absolute; + top: 0; + bottom: 0; + + /* specify everything; we'll put the autos as overrides below */ + left: 3px; + margin-left: 17px; + border-left: 6px solid transparent; + padding-left: 1px; + padding-right: 9px; + border-right: 8px solid transparent; + margin-right: 19px; + right: 8px; +} + +/* and give it 72px of intrinsic width for the case where it has width:auto */ +body > div > div > div > div { + width: 72px; +} + +/* now we want to test all 128 combinations of presence of the following */ + +body > div.adir { direction: rtl; } +body > div.sdir > div { direction: rtl; } +body > div.edir > div > div { direction: rtl; } +body > div.ol > div > div { left: auto; } +body > div.or > div > div { right: auto; } +body > div.ml > div > div { margin-left: auto; } +body > div.mr > div > div { margin-right: auto; } + +/* combined with each of these three */ +body > div.narrowwidth > div > div { width: 153px; } +body > div.autowidth > div > div { width: auto; } +body > div.widewidth > div > div { width: 660px; } + +</style> +</head> +<body> + +<div class="narrowwidth"><div><div><div></div></div></div></div> +<div class="narrowwidth adir"><div><div><div></div></div></div></div> +<div class="narrowwidth sdir"><div><div><div></div></div></div></div> +<div class="narrowwidth sdir adir"><div><div><div></div></div></div></div> +<div class="narrowwidth edir"><div><div><div></div></div></div></div> +<div class="narrowwidth edir adir"><div><div><div></div></div></div></div> +<div class="narrowwidth edir sdir"><div><div><div></div></div></div></div> +<div class="narrowwidth edir sdir adir"><div><div><div></div></div></div></div> +<div class="narrowwidth ol"><div><div><div></div></div></div></div> +<div class="narrowwidth ol adir"><div><div><div></div></div></div></div> +<div class="narrowwidth ol sdir"><div><div><div></div></div></div></div> +<div class="narrowwidth ol sdir adir"><div><div><div></div></div></div></div> +<div class="narrowwidth ol edir"><div><div><div></div></div></div></div> +<div class="narrowwidth ol edir adir"><div><div><div></div></div></div></div> +<div class="narrowwidth ol edir sdir"><div><div><div></div></div></div></div> +<div class="narrowwidth ol edir sdir adir"><div><div><div></div></div></div></div> +<div class="narrowwidth or"><div><div><div></div></div></div></div> +<div class="narrowwidth or adir"><div><div><div></div></div></div></div> +<div class="narrowwidth or sdir"><div><div><div></div></div></div></div> +<div class="narrowwidth or sdir adir"><div><div><div></div></div></div></div> +<div class="narrowwidth or edir"><div><div><div></div></div></div></div> +<div class="narrowwidth or edir adir"><div><div><div></div></div></div></div> +<div class="narrowwidth or edir sdir"><div><div><div></div></div></div></div> +<div class="narrowwidth or edir sdir adir"><div><div><div></div></div></div></div> +<div class="narrowwidth or ol"><div><div><div></div></div></div></div> +<div class="narrowwidth or ol adir"><div><div><div></div></div></div></div> +<div class="narrowwidth or ol sdir"><div><div><div></div></div></div></div> +<div class="narrowwidth or ol sdir adir"><div><div><div></div></div></div></div> +<div class="narrowwidth or ol edir"><div><div><div></div></div></div></div> +<div class="narrowwidth or ol edir adir"><div><div><div></div></div></div></div> +<div class="narrowwidth or ol edir sdir"><div><div><div></div></div></div></div> +<div class="narrowwidth or ol edir sdir adir"><div><div><div></div></div></div></div> +<div class="narrowwidth ml"><div><div><div></div></div></div></div> +<div class="narrowwidth ml adir"><div><div><div></div></div></div></div> +<div class="narrowwidth ml sdir"><div><div><div></div></div></div></div> +<div class="narrowwidth ml sdir adir"><div><div><div></div></div></div></div> +<div class="narrowwidth ml edir"><div><div><div></div></div></div></div> +<div class="narrowwidth ml edir adir"><div><div><div></div></div></div></div> +<div class="narrowwidth ml edir sdir"><div><div><div></div></div></div></div> +<div class="narrowwidth ml edir sdir adir"><div><div><div></div></div></div></div> +<div class="narrowwidth ml ol"><div><div><div></div></div></div></div> +<div class="narrowwidth ml ol adir"><div><div><div></div></div></div></div> +<div class="narrowwidth ml ol sdir"><div><div><div></div></div></div></div> +<div class="narrowwidth ml ol sdir adir"><div><div><div></div></div></div></div> +<div class="narrowwidth ml ol edir"><div><div><div></div></div></div></div> +<div class="narrowwidth ml ol edir adir"><div><div><div></div></div></div></div> +<div class="narrowwidth ml ol edir sdir"><div><div><div></div></div></div></div> +<div class="narrowwidth ml ol edir sdir adir"><div><div><div></div></div></div></div> +<div class="narrowwidth ml or"><div><div><div></div></div></div></div> +<div class="narrowwidth ml or adir"><div><div><div></div></div></div></div> +<div class="narrowwidth ml or sdir"><div><div><div></div></div></div></div> +<div class="narrowwidth ml or sdir adir"><div><div><div></div></div></div></div> +<div class="narrowwidth ml or edir"><div><div><div></div></div></div></div> +<div class="narrowwidth ml or edir adir"><div><div><div></div></div></div></div> +<div class="narrowwidth ml or edir sdir"><div><div><div></div></div></div></div> +<div class="narrowwidth ml or edir sdir adir"><div><div><div></div></div></div></div> +<div class="narrowwidth ml or ol"><div><div><div></div></div></div></div> +<div class="narrowwidth ml or ol adir"><div><div><div></div></div></div></div> +<div class="narrowwidth ml or ol sdir"><div><div><div></div></div></div></div> +<div class="narrowwidth ml or ol sdir adir"><div><div><div></div></div></div></div> +<div class="narrowwidth ml or ol edir"><div><div><div></div></div></div></div> +<div class="narrowwidth ml or ol edir adir"><div><div><div></div></div></div></div> +<div class="narrowwidth ml or ol edir sdir"><div><div><div></div></div></div></div> +<div class="narrowwidth ml or ol edir sdir adir"><div><div><div></div></div></div></div> +<div class="narrowwidth mr"><div><div><div></div></div></div></div> +<div class="narrowwidth mr adir"><div><div><div></div></div></div></div> +<div class="narrowwidth mr sdir"><div><div><div></div></div></div></div> +<div class="narrowwidth mr sdir adir"><div><div><div></div></div></div></div> +<div class="narrowwidth mr edir"><div><div><div></div></div></div></div> +<div class="narrowwidth mr edir adir"><div><div><div></div></div></div></div> +<div class="narrowwidth mr edir sdir"><div><div><div></div></div></div></div> +<div class="narrowwidth mr edir sdir adir"><div><div><div></div></div></div></div> +<div class="narrowwidth mr ol"><div><div><div></div></div></div></div> +<div class="narrowwidth mr ol adir"><div><div><div></div></div></div></div> +<div class="narrowwidth mr ol sdir"><div><div><div></div></div></div></div> +<div class="narrowwidth mr ol sdir adir"><div><div><div></div></div></div></div> +<div class="narrowwidth mr ol edir"><div><div><div></div></div></div></div> +<div class="narrowwidth mr ol edir adir"><div><div><div></div></div></div></div> +<div class="narrowwidth mr ol edir sdir"><div><div><div></div></div></div></div> +<div class="narrowwidth mr ol edir sdir adir"><div><div><div></div></div></div></div> +<div class="narrowwidth mr or"><div><div><div></div></div></div></div> +<div class="narrowwidth mr or adir"><div><div><div></div></div></div></div> +<div class="narrowwidth mr or sdir"><div><div><div></div></div></div></div> +<div class="narrowwidth mr or sdir adir"><div><div><div></div></div></div></div> +<div class="narrowwidth mr or edir"><div><div><div></div></div></div></div> +<div class="narrowwidth mr or edir adir"><div><div><div></div></div></div></div> +<div class="narrowwidth mr or edir sdir"><div><div><div></div></div></div></div> +<div class="narrowwidth mr or edir sdir adir"><div><div><div></div></div></div></div> +<div class="narrowwidth mr or ol"><div><div><div></div></div></div></div> +<div class="narrowwidth mr or ol adir"><div><div><div></div></div></div></div> +<div class="narrowwidth mr or ol sdir"><div><div><div></div></div></div></div> +<div class="narrowwidth mr or ol sdir adir"><div><div><div></div></div></div></div> +<div class="narrowwidth mr or ol edir"><div><div><div></div></div></div></div> +<div class="narrowwidth mr or ol edir adir"><div><div><div></div></div></div></div> +<div class="narrowwidth mr or ol edir sdir"><div><div><div></div></div></div></div> +<div class="narrowwidth mr or ol edir sdir adir"><div><div><div></div></div></div></div> +<div class="narrowwidth mr ml"><div><div><div></div></div></div></div> +<div class="narrowwidth mr ml adir"><div><div><div></div></div></div></div> +<div class="narrowwidth mr ml sdir"><div><div><div></div></div></div></div> +<div class="narrowwidth mr ml sdir adir"><div><div><div></div></div></div></div> +<div class="narrowwidth mr ml edir"><div><div><div></div></div></div></div> +<div class="narrowwidth mr ml edir adir"><div><div><div></div></div></div></div> +<div class="narrowwidth mr ml edir sdir"><div><div><div></div></div></div></div> +<div class="narrowwidth mr ml edir sdir adir"><div><div><div></div></div></div></div> +<div class="narrowwidth mr ml ol"><div><div><div></div></div></div></div> +<div class="narrowwidth mr ml ol adir"><div><div><div></div></div></div></div> +<div class="narrowwidth mr ml ol sdir"><div><div><div></div></div></div></div> +<div class="narrowwidth mr ml ol sdir adir"><div><div><div></div></div></div></div> +<div class="narrowwidth mr ml ol edir"><div><div><div></div></div></div></div> +<div class="narrowwidth mr ml ol edir adir"><div><div><div></div></div></div></div> +<div class="narrowwidth mr ml ol edir sdir"><div><div><div></div></div></div></div> +<div class="narrowwidth mr ml ol edir sdir adir"><div><div><div></div></div></div></div> +<div class="narrowwidth mr ml or"><div><div><div></div></div></div></div> +<div class="narrowwidth mr ml or adir"><div><div><div></div></div></div></div> +<div class="narrowwidth mr ml or sdir"><div><div><div></div></div></div></div> +<div class="narrowwidth mr ml or sdir adir"><div><div><div></div></div></div></div> +<div class="narrowwidth mr ml or edir"><div><div><div></div></div></div></div> +<div class="narrowwidth mr ml or edir adir"><div><div><div></div></div></div></div> +<div class="narrowwidth mr ml or edir sdir"><div><div><div></div></div></div></div> +<div class="narrowwidth mr ml or edir sdir adir"><div><div><div></div></div></div></div> +<div class="narrowwidth mr ml or ol"><div><div><div></div></div></div></div> +<div class="narrowwidth mr ml or ol adir"><div><div><div></div></div></div></div> +<div class="narrowwidth mr ml or ol sdir"><div><div><div></div></div></div></div> +<div class="narrowwidth mr ml or ol sdir adir"><div><div><div></div></div></div></div> +<div class="narrowwidth mr ml or ol edir"><div><div><div></div></div></div></div> +<div class="narrowwidth mr ml or ol edir adir"><div><div><div></div></div></div></div> +<div class="narrowwidth mr ml or ol edir sdir"><div><div><div></div></div></div></div> +<div class="narrowwidth mr ml or ol edir sdir adir"><div><div><div></div></div></div></div> + +<div class="autowidth"><div><div><div></div></div></div></div> +<div class="autowidth adir"><div><div><div></div></div></div></div> +<div class="autowidth sdir"><div><div><div></div></div></div></div> +<div class="autowidth sdir adir"><div><div><div></div></div></div></div> +<div class="autowidth edir"><div><div><div></div></div></div></div> +<div class="autowidth edir adir"><div><div><div></div></div></div></div> +<div class="autowidth edir sdir"><div><div><div></div></div></div></div> +<div class="autowidth edir sdir adir"><div><div><div></div></div></div></div> +<div class="autowidth ol"><div><div><div></div></div></div></div> +<div class="autowidth ol adir"><div><div><div></div></div></div></div> +<div class="autowidth ol sdir"><div><div><div></div></div></div></div> +<div class="autowidth ol sdir adir"><div><div><div></div></div></div></div> +<div class="autowidth ol edir"><div><div><div></div></div></div></div> +<div class="autowidth ol edir adir"><div><div><div></div></div></div></div> +<div class="autowidth ol edir sdir"><div><div><div></div></div></div></div> +<div class="autowidth ol edir sdir adir"><div><div><div></div></div></div></div> +<div class="autowidth or"><div><div><div></div></div></div></div> +<div class="autowidth or adir"><div><div><div></div></div></div></div> +<div class="autowidth or sdir"><div><div><div></div></div></div></div> +<div class="autowidth or sdir adir"><div><div><div></div></div></div></div> +<div class="autowidth or edir"><div><div><div></div></div></div></div> +<div class="autowidth or edir adir"><div><div><div></div></div></div></div> +<div class="autowidth or edir sdir"><div><div><div></div></div></div></div> +<div class="autowidth or edir sdir adir"><div><div><div></div></div></div></div> +<div class="autowidth or ol"><div><div><div></div></div></div></div> +<div class="autowidth or ol adir"><div><div><div></div></div></div></div> +<div class="autowidth or ol sdir"><div><div><div></div></div></div></div> +<div class="autowidth or ol sdir adir"><div><div><div></div></div></div></div> +<div class="autowidth or ol edir"><div><div><div></div></div></div></div> +<div class="autowidth or ol edir adir"><div><div><div></div></div></div></div> +<div class="autowidth or ol edir sdir"><div><div><div></div></div></div></div> +<div class="autowidth or ol edir sdir adir"><div><div><div></div></div></div></div> +<div class="autowidth ml"><div><div><div></div></div></div></div> +<div class="autowidth ml adir"><div><div><div></div></div></div></div> +<div class="autowidth ml sdir"><div><div><div></div></div></div></div> +<div class="autowidth ml sdir adir"><div><div><div></div></div></div></div> +<div class="autowidth ml edir"><div><div><div></div></div></div></div> +<div class="autowidth ml edir adir"><div><div><div></div></div></div></div> +<div class="autowidth ml edir sdir"><div><div><div></div></div></div></div> +<div class="autowidth ml edir sdir adir"><div><div><div></div></div></div></div> +<div class="autowidth ml ol"><div><div><div></div></div></div></div> +<div class="autowidth ml ol adir"><div><div><div></div></div></div></div> +<div class="autowidth ml ol sdir"><div><div><div></div></div></div></div> +<div class="autowidth ml ol sdir adir"><div><div><div></div></div></div></div> +<div class="autowidth ml ol edir"><div><div><div></div></div></div></div> +<div class="autowidth ml ol edir adir"><div><div><div></div></div></div></div> +<div class="autowidth ml ol edir sdir"><div><div><div></div></div></div></div> +<div class="autowidth ml ol edir sdir adir"><div><div><div></div></div></div></div> +<div class="autowidth ml or"><div><div><div></div></div></div></div> +<div class="autowidth ml or adir"><div><div><div></div></div></div></div> +<div class="autowidth ml or sdir"><div><div><div></div></div></div></div> +<div class="autowidth ml or sdir adir"><div><div><div></div></div></div></div> +<div class="autowidth ml or edir"><div><div><div></div></div></div></div> +<div class="autowidth ml or edir adir"><div><div><div></div></div></div></div> +<div class="autowidth ml or edir sdir"><div><div><div></div></div></div></div> +<div class="autowidth ml or edir sdir adir"><div><div><div></div></div></div></div> +<div class="autowidth ml or ol"><div><div><div></div></div></div></div> +<div class="autowidth ml or ol adir"><div><div><div></div></div></div></div> +<div class="autowidth ml or ol sdir"><div><div><div></div></div></div></div> +<div class="autowidth ml or ol sdir adir"><div><div><div></div></div></div></div> +<div class="autowidth ml or ol edir"><div><div><div></div></div></div></div> +<div class="autowidth ml or ol edir adir"><div><div><div></div></div></div></div> +<div class="autowidth ml or ol edir sdir"><div><div><div></div></div></div></div> +<div class="autowidth ml or ol edir sdir adir"><div><div><div></div></div></div></div> +<div class="autowidth mr"><div><div><div></div></div></div></div> +<div class="autowidth mr adir"><div><div><div></div></div></div></div> +<div class="autowidth mr sdir"><div><div><div></div></div></div></div> +<div class="autowidth mr sdir adir"><div><div><div></div></div></div></div> +<div class="autowidth mr edir"><div><div><div></div></div></div></div> +<div class="autowidth mr edir adir"><div><div><div></div></div></div></div> +<div class="autowidth mr edir sdir"><div><div><div></div></div></div></div> +<div class="autowidth mr edir sdir adir"><div><div><div></div></div></div></div> +<div class="autowidth mr ol"><div><div><div></div></div></div></div> +<div class="autowidth mr ol adir"><div><div><div></div></div></div></div> +<div class="autowidth mr ol sdir"><div><div><div></div></div></div></div> +<div class="autowidth mr ol sdir adir"><div><div><div></div></div></div></div> +<div class="autowidth mr ol edir"><div><div><div></div></div></div></div> +<div class="autowidth mr ol edir adir"><div><div><div></div></div></div></div> +<div class="autowidth mr ol edir sdir"><div><div><div></div></div></div></div> +<div class="autowidth mr ol edir sdir adir"><div><div><div></div></div></div></div> +<div class="autowidth mr or"><div><div><div></div></div></div></div> +<div class="autowidth mr or adir"><div><div><div></div></div></div></div> +<div class="autowidth mr or sdir"><div><div><div></div></div></div></div> +<div class="autowidth mr or sdir adir"><div><div><div></div></div></div></div> +<div class="autowidth mr or edir"><div><div><div></div></div></div></div> +<div class="autowidth mr or edir adir"><div><div><div></div></div></div></div> +<div class="autowidth mr or edir sdir"><div><div><div></div></div></div></div> +<div class="autowidth mr or edir sdir adir"><div><div><div></div></div></div></div> +<div class="autowidth mr or ol"><div><div><div></div></div></div></div> +<div class="autowidth mr or ol adir"><div><div><div></div></div></div></div> +<div class="autowidth mr or ol sdir"><div><div><div></div></div></div></div> +<div class="autowidth mr or ol sdir adir"><div><div><div></div></div></div></div> +<div class="autowidth mr or ol edir"><div><div><div></div></div></div></div> +<div class="autowidth mr or ol edir adir"><div><div><div></div></div></div></div> +<div class="autowidth mr or ol edir sdir"><div><div><div></div></div></div></div> +<div class="autowidth mr or ol edir sdir adir"><div><div><div></div></div></div></div> +<div class="autowidth mr ml"><div><div><div></div></div></div></div> +<div class="autowidth mr ml adir"><div><div><div></div></div></div></div> +<div class="autowidth mr ml sdir"><div><div><div></div></div></div></div> +<div class="autowidth mr ml sdir adir"><div><div><div></div></div></div></div> +<div class="autowidth mr ml edir"><div><div><div></div></div></div></div> +<div class="autowidth mr ml edir adir"><div><div><div></div></div></div></div> +<div class="autowidth mr ml edir sdir"><div><div><div></div></div></div></div> +<div class="autowidth mr ml edir sdir adir"><div><div><div></div></div></div></div> +<div class="autowidth mr ml ol"><div><div><div></div></div></div></div> +<div class="autowidth mr ml ol adir"><div><div><div></div></div></div></div> +<div class="autowidth mr ml ol sdir"><div><div><div></div></div></div></div> +<div class="autowidth mr ml ol sdir adir"><div><div><div></div></div></div></div> +<div class="autowidth mr ml ol edir"><div><div><div></div></div></div></div> +<div class="autowidth mr ml ol edir adir"><div><div><div></div></div></div></div> +<div class="autowidth mr ml ol edir sdir"><div><div><div></div></div></div></div> +<div class="autowidth mr ml ol edir sdir adir"><div><div><div></div></div></div></div> +<div class="autowidth mr ml or"><div><div><div></div></div></div></div> +<div class="autowidth mr ml or adir"><div><div><div></div></div></div></div> +<div class="autowidth mr ml or sdir"><div><div><div></div></div></div></div> +<div class="autowidth mr ml or sdir adir"><div><div><div></div></div></div></div> +<div class="autowidth mr ml or edir"><div><div><div></div></div></div></div> +<div class="autowidth mr ml or edir adir"><div><div><div></div></div></div></div> +<div class="autowidth mr ml or edir sdir"><div><div><div></div></div></div></div> +<div class="autowidth mr ml or edir sdir adir"><div><div><div></div></div></div></div> +<div class="autowidth mr ml or ol"><div><div><div></div></div></div></div> +<div class="autowidth mr ml or ol adir"><div><div><div></div></div></div></div> +<div class="autowidth mr ml or ol sdir"><div><div><div></div></div></div></div> +<div class="autowidth mr ml or ol sdir adir"><div><div><div></div></div></div></div> +<div class="autowidth mr ml or ol edir"><div><div><div></div></div></div></div> +<div class="autowidth mr ml or ol edir adir"><div><div><div></div></div></div></div> +<div class="autowidth mr ml or ol edir sdir"><div><div><div></div></div></div></div> +<div class="autowidth mr ml or ol edir sdir adir"><div><div><div></div></div></div></div> + +<div class="widewidth"><div><div><div></div></div></div></div> +<div class="widewidth adir"><div><div><div></div></div></div></div> +<div class="widewidth sdir"><div><div><div></div></div></div></div> +<div class="widewidth sdir adir"><div><div><div></div></div></div></div> +<div class="widewidth edir"><div><div><div></div></div></div></div> +<div class="widewidth edir adir"><div><div><div></div></div></div></div> +<div class="widewidth edir sdir"><div><div><div></div></div></div></div> +<div class="widewidth edir sdir adir"><div><div><div></div></div></div></div> +<div class="widewidth ol"><div><div><div></div></div></div></div> +<div class="widewidth ol adir"><div><div><div></div></div></div></div> +<div class="widewidth ol sdir"><div><div><div></div></div></div></div> +<div class="widewidth ol sdir adir"><div><div><div></div></div></div></div> +<div class="widewidth ol edir"><div><div><div></div></div></div></div> +<div class="widewidth ol edir adir"><div><div><div></div></div></div></div> +<div class="widewidth ol edir sdir"><div><div><div></div></div></div></div> +<div class="widewidth ol edir sdir adir"><div><div><div></div></div></div></div> +<div class="widewidth or"><div><div><div></div></div></div></div> +<div class="widewidth or adir"><div><div><div></div></div></div></div> +<div class="widewidth or sdir"><div><div><div></div></div></div></div> +<div class="widewidth or sdir adir"><div><div><div></div></div></div></div> +<div class="widewidth or edir"><div><div><div></div></div></div></div> +<div class="widewidth or edir adir"><div><div><div></div></div></div></div> +<div class="widewidth or edir sdir"><div><div><div></div></div></div></div> +<div class="widewidth or edir sdir adir"><div><div><div></div></div></div></div> +<div class="widewidth or ol"><div><div><div></div></div></div></div> +<div class="widewidth or ol adir"><div><div><div></div></div></div></div> +<div class="widewidth or ol sdir"><div><div><div></div></div></div></div> +<div class="widewidth or ol sdir adir"><div><div><div></div></div></div></div> +<div class="widewidth or ol edir"><div><div><div></div></div></div></div> +<div class="widewidth or ol edir adir"><div><div><div></div></div></div></div> +<div class="widewidth or ol edir sdir"><div><div><div></div></div></div></div> +<div class="widewidth or ol edir sdir adir"><div><div><div></div></div></div></div> +<div class="widewidth ml"><div><div><div></div></div></div></div> +<div class="widewidth ml adir"><div><div><div></div></div></div></div> +<div class="widewidth ml sdir"><div><div><div></div></div></div></div> +<div class="widewidth ml sdir adir"><div><div><div></div></div></div></div> +<div class="widewidth ml edir"><div><div><div></div></div></div></div> +<div class="widewidth ml edir adir"><div><div><div></div></div></div></div> +<div class="widewidth ml edir sdir"><div><div><div></div></div></div></div> +<div class="widewidth ml edir sdir adir"><div><div><div></div></div></div></div> +<div class="widewidth ml ol"><div><div><div></div></div></div></div> +<div class="widewidth ml ol adir"><div><div><div></div></div></div></div> +<div class="widewidth ml ol sdir"><div><div><div></div></div></div></div> +<div class="widewidth ml ol sdir adir"><div><div><div></div></div></div></div> +<div class="widewidth ml ol edir"><div><div><div></div></div></div></div> +<div class="widewidth ml ol edir adir"><div><div><div></div></div></div></div> +<div class="widewidth ml ol edir sdir"><div><div><div></div></div></div></div> +<div class="widewidth ml ol edir sdir adir"><div><div><div></div></div></div></div> +<div class="widewidth ml or"><div><div><div></div></div></div></div> +<div class="widewidth ml or adir"><div><div><div></div></div></div></div> +<div class="widewidth ml or sdir"><div><div><div></div></div></div></div> +<div class="widewidth ml or sdir adir"><div><div><div></div></div></div></div> +<div class="widewidth ml or edir"><div><div><div></div></div></div></div> +<div class="widewidth ml or edir adir"><div><div><div></div></div></div></div> +<div class="widewidth ml or edir sdir"><div><div><div></div></div></div></div> +<div class="widewidth ml or edir sdir adir"><div><div><div></div></div></div></div> +<div class="widewidth ml or ol"><div><div><div></div></div></div></div> +<div class="widewidth ml or ol adir"><div><div><div></div></div></div></div> +<div class="widewidth ml or ol sdir"><div><div><div></div></div></div></div> +<div class="widewidth ml or ol sdir adir"><div><div><div></div></div></div></div> +<div class="widewidth ml or ol edir"><div><div><div></div></div></div></div> +<div class="widewidth ml or ol edir adir"><div><div><div></div></div></div></div> +<div class="widewidth ml or ol edir sdir"><div><div><div></div></div></div></div> +<div class="widewidth ml or ol edir sdir adir"><div><div><div></div></div></div></div> +<div class="widewidth mr"><div><div><div></div></div></div></div> +<div class="widewidth mr adir"><div><div><div></div></div></div></div> +<div class="widewidth mr sdir"><div><div><div></div></div></div></div> +<div class="widewidth mr sdir adir"><div><div><div></div></div></div></div> +<div class="widewidth mr edir"><div><div><div></div></div></div></div> +<div class="widewidth mr edir adir"><div><div><div></div></div></div></div> +<div class="widewidth mr edir sdir"><div><div><div></div></div></div></div> +<div class="widewidth mr edir sdir adir"><div><div><div></div></div></div></div> +<div class="widewidth mr ol"><div><div><div></div></div></div></div> +<div class="widewidth mr ol adir"><div><div><div></div></div></div></div> +<div class="widewidth mr ol sdir"><div><div><div></div></div></div></div> +<div class="widewidth mr ol sdir adir"><div><div><div></div></div></div></div> +<div class="widewidth mr ol edir"><div><div><div></div></div></div></div> +<div class="widewidth mr ol edir adir"><div><div><div></div></div></div></div> +<div class="widewidth mr ol edir sdir"><div><div><div></div></div></div></div> +<div class="widewidth mr ol edir sdir adir"><div><div><div></div></div></div></div> +<div class="widewidth mr or"><div><div><div></div></div></div></div> +<div class="widewidth mr or adir"><div><div><div></div></div></div></div> +<div class="widewidth mr or sdir"><div><div><div></div></div></div></div> +<div class="widewidth mr or sdir adir"><div><div><div></div></div></div></div> +<div class="widewidth mr or edir"><div><div><div></div></div></div></div> +<div class="widewidth mr or edir adir"><div><div><div></div></div></div></div> +<div class="widewidth mr or edir sdir"><div><div><div></div></div></div></div> +<div class="widewidth mr or edir sdir adir"><div><div><div></div></div></div></div> +<div class="widewidth mr or ol"><div><div><div></div></div></div></div> +<div class="widewidth mr or ol adir"><div><div><div></div></div></div></div> +<div class="widewidth mr or ol sdir"><div><div><div></div></div></div></div> +<div class="widewidth mr or ol sdir adir"><div><div><div></div></div></div></div> +<div class="widewidth mr or ol edir"><div><div><div></div></div></div></div> +<div class="widewidth mr or ol edir adir"><div><div><div></div></div></div></div> +<div class="widewidth mr or ol edir sdir"><div><div><div></div></div></div></div> +<div class="widewidth mr or ol edir sdir adir"><div><div><div></div></div></div></div> +<div class="widewidth mr ml"><div><div><div></div></div></div></div> +<div class="widewidth mr ml adir"><div><div><div></div></div></div></div> +<div class="widewidth mr ml sdir"><div><div><div></div></div></div></div> +<div class="widewidth mr ml sdir adir"><div><div><div></div></div></div></div> +<div class="widewidth mr ml edir"><div><div><div></div></div></div></div> +<div class="widewidth mr ml edir adir"><div><div><div></div></div></div></div> +<div class="widewidth mr ml edir sdir"><div><div><div></div></div></div></div> +<div class="widewidth mr ml edir sdir adir"><div><div><div></div></div></div></div> +<div class="widewidth mr ml ol"><div><div><div></div></div></div></div> +<div class="widewidth mr ml ol adir"><div><div><div></div></div></div></div> +<div class="widewidth mr ml ol sdir"><div><div><div></div></div></div></div> +<div class="widewidth mr ml ol sdir adir"><div><div><div></div></div></div></div> +<div class="widewidth mr ml ol edir"><div><div><div></div></div></div></div> +<div class="widewidth mr ml ol edir adir"><div><div><div></div></div></div></div> +<div class="widewidth mr ml ol edir sdir"><div><div><div></div></div></div></div> +<div class="widewidth mr ml ol edir sdir adir"><div><div><div></div></div></div></div> +<div class="widewidth mr ml or"><div><div><div></div></div></div></div> +<div class="widewidth mr ml or adir"><div><div><div></div></div></div></div> +<div class="widewidth mr ml or sdir"><div><div><div></div></div></div></div> +<div class="widewidth mr ml or sdir adir"><div><div><div></div></div></div></div> +<div class="widewidth mr ml or edir"><div><div><div></div></div></div></div> +<div class="widewidth mr ml or edir adir"><div><div><div></div></div></div></div> +<div class="widewidth mr ml or edir sdir"><div><div><div></div></div></div></div> +<div class="widewidth mr ml or edir sdir adir"><div><div><div></div></div></div></div> +<div class="widewidth mr ml or ol"><div><div><div></div></div></div></div> +<div class="widewidth mr ml or ol adir"><div><div><div></div></div></div></div> +<div class="widewidth mr ml or ol sdir"><div><div><div></div></div></div></div> +<div class="widewidth mr ml or ol sdir adir"><div><div><div></div></div></div></div> +<div class="widewidth mr ml or ol edir"><div><div><div></div></div></div></div> +<div class="widewidth mr ml or ol edir adir"><div><div><div></div></div></div></div> +<div class="widewidth mr ml or ol edir sdir"><div><div><div></div></div></div></div> +<div class="widewidth mr ml or ol edir sdir adir"><div><div><div></div></div></div></div> + +</body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/csswg-issues/submitted/css2.1/abspos-replaced-width-margin-000-ref.xht b/testing/web-platform/tests/css/CSS2/csswg-issues/submitted/css2.1/abspos-replaced-width-margin-000-ref.xht new file mode 100644 index 0000000000..7f67289e26 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/csswg-issues/submitted/css2.1/abspos-replaced-width-margin-000-ref.xht @@ -0,0 +1,606 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> +<head> +<title>CSS Test Reference</title> +<link rel="author" title="L. David Baron" href="https://dbaron.org/"/> +<link rel="alternate" href="http://mxr.mozilla.org/mozilla-central/source/layout/reftests/abspos-replaced-width-offset-margin-ref.html"/> +<style type="text/css"> + +html, body { margin: 0; padding: 0; border: none; } +div { height: 1px; background: blue; + border-left: 7px solid navy; border-right: 17px solid navy; } + +</style> +</head> +<body> + +<!-- ***** WIDE WIDTH ***** --> + +<!-- nothing auto --> +<div style="margin-left: 70px; width: 660px;"></div> +<div style="margin-left: -11px; width: 660px;"></div> +<div style="margin-left: 70px; width: 660px;"></div> +<div style="margin-left: -11px; width: 660px;"></div> +<div style="margin-left: 70px; width: 660px;"></div> +<div style="margin-left: -11px; width: 660px;"></div> +<div style="margin-left: 70px; width: 660px;"></div> +<div style="margin-left: -11px; width: 660px;"></div> +<!-- only left auto --> +<div style="margin-left: -11px; width: 660px;"></div> +<div style="margin-left: -11px; width: 660px;"></div> +<div style="margin-left: -11px; width: 660px;"></div> +<div style="margin-left: -11px; width: 660px;"></div> +<div style="margin-left: -11px; width: 660px;"></div> +<div style="margin-left: -11px; width: 660px;"></div> +<div style="margin-left: -11px; width: 660px;"></div> +<div style="margin-left: -11px; width: 660px;"></div> +<!-- only right auto --> +<div style="margin-left: 70px; width: 660px;"></div> +<div style="margin-left: 70px; width: 660px;"></div> +<div style="margin-left: 70px; width: 660px;"></div> +<div style="margin-left: 70px; width: 660px;"></div> +<div style="margin-left: 70px; width: 660px;"></div> +<div style="margin-left: 70px; width: 660px;"></div> +<div style="margin-left: 70px; width: 660px;"></div> +<div style="margin-left: 70px; width: 660px;"></div> +<!-- left and right auto --> +<div style="margin-left: 167px; width: 660px;"></div> +<div style="margin-left: 167px; width: 660px;"></div> +<div style="margin-left: -53px; width: 660px;"></div> +<div style="margin-left: -53px; width: 660px;"></div> +<div style="margin-left: 167px; width: 660px;"></div> +<div style="margin-left: 167px; width: 660px;"></div> +<div style="margin-left: -53px; width: 660px;"></div> +<div style="margin-left: -53px; width: 660px;"></div> +<!-- only margin-left auto --> +<div style="margin-left: -11px; width: 660px;"></div> +<div style="margin-left: -11px; width: 660px;"></div> +<div style="margin-left: -11px; width: 660px;"></div> +<div style="margin-left: -11px; width: 660px;"></div> +<div style="margin-left: -11px; width: 660px;"></div> +<div style="margin-left: -11px; width: 660px;"></div> +<div style="margin-left: -11px; width: 660px;"></div> +<div style="margin-left: -11px; width: 660px;"></div> +<!-- left and margin-left auto --> +<div style="margin-left: -11px; width: 660px;"></div> +<div style="margin-left: -11px; width: 660px;"></div> +<div style="margin-left: -11px; width: 660px;"></div> +<div style="margin-left: -11px; width: 660px;"></div> +<div style="margin-left: -11px; width: 660px;"></div> +<div style="margin-left: -11px; width: 660px;"></div> +<div style="margin-left: -11px; width: 660px;"></div> +<div style="margin-left: -11px; width: 660px;"></div> +<!-- right and margin-left auto (margin-left like 0) --> +<div style="margin-left: 53px; width: 660px;"></div> +<div style="margin-left: 53px; width: 660px;"></div> +<div style="margin-left: 53px; width: 660px;"></div> +<div style="margin-left: 53px; width: 660px;"></div> +<div style="margin-left: 53px; width: 660px;"></div> +<div style="margin-left: 53px; width: 660px;"></div> +<div style="margin-left: 53px; width: 660px;"></div> +<div style="margin-left: 53px; width: 660px;"></div> +<!-- left and right and margin-left auto (margin-left like 0) --> +<div style="margin-left: 150px; width: 660px;"></div> +<div style="margin-left: 150px; width: 660px;"></div> +<div style="margin-left: -53px; width: 660px;"></div> +<div style="margin-left: -53px; width: 660px;"></div> +<div style="margin-left: 150px; width: 660px;"></div> +<div style="margin-left: 150px; width: 660px;"></div> +<div style="margin-left: -53px; width: 660px;"></div> +<div style="margin-left: -53px; width: 660px;"></div> +<!-- only margin-right auto --> +<div style="margin-left: 70px; width: 660px;"></div> +<div style="margin-left: 70px; width: 660px;"></div> +<div style="margin-left: 70px; width: 660px;"></div> +<div style="margin-left: 70px; width: 660px;"></div> +<div style="margin-left: 70px; width: 660px;"></div> +<div style="margin-left: 70px; width: 660px;"></div> +<div style="margin-left: 70px; width: 660px;"></div> +<div style="margin-left: 70px; width: 660px;"></div> +<!-- left and margin-right auto (margin-right like 0) --> +<div style="margin-left: 8px; width: 660px;"></div> +<div style="margin-left: 8px; width: 660px;"></div> +<div style="margin-left: 8px; width: 660px;"></div> +<div style="margin-left: 8px; width: 660px;"></div> +<div style="margin-left: 8px; width: 660px;"></div> +<div style="margin-left: 8px; width: 660px;"></div> +<div style="margin-left: 8px; width: 660px;"></div> +<div style="margin-left: 8px; width: 660px;"></div> +<!-- right and margin-right auto --> +<div style="margin-left: 70px; width: 660px;"></div> +<div style="margin-left: 70px; width: 660px;"></div> +<div style="margin-left: 70px; width: 660px;"></div> +<div style="margin-left: 70px; width: 660px;"></div> +<div style="margin-left: 70px; width: 660px;"></div> +<div style="margin-left: 70px; width: 660px;"></div> +<div style="margin-left: 70px; width: 660px;"></div> +<div style="margin-left: 70px; width: 660px;"></div> +<!-- left and right and margin-right auto (margin-right like 0) --> +<div style="margin-left: 167px; width: 660px;"></div> +<div style="margin-left: 167px; width: 660px;"></div> +<div style="margin-left: -34px; width: 660px;"></div> +<div style="margin-left: -34px; width: 660px;"></div> +<div style="margin-left: 167px; width: 660px;"></div> +<div style="margin-left: 167px; width: 660px;"></div> +<div style="margin-left: -34px; width: 660px;"></div> +<div style="margin-left: -34px; width: 660px;"></div> +<!-- margin-left and margin-right auto (alternately like 0) --> +<div style="margin-left: 53px; width: 660px;"></div> +<div style="margin-left: 8px; width: 660px;"></div> +<div style="margin-left: 53px; width: 660px;"></div> +<div style="margin-left: 8px; width: 660px;"></div> +<div style="margin-left: 53px; width: 660px;"></div> +<div style="margin-left: 8px; width: 660px;"></div> +<div style="margin-left: 53px; width: 660px;"></div> +<div style="margin-left: 8px; width: 660px;"></div> +<!-- left and margin-left and margin-right auto (margin-right like 0) --> +<div style="margin-left: 8px; width: 660px;"></div> +<div style="margin-left: 8px; width: 660px;"></div> +<div style="margin-left: 8px; width: 660px;"></div> +<div style="margin-left: 8px; width: 660px;"></div> +<div style="margin-left: 8px; width: 660px;"></div> +<div style="margin-left: 8px; width: 660px;"></div> +<div style="margin-left: 8px; width: 660px;"></div> +<div style="margin-left: 8px; width: 660px;"></div> +<!-- right and margin-left and margin-right auto (margin-left like 0) --> +<div style="margin-left: 53px; width: 660px;"></div> +<div style="margin-left: 53px; width: 660px;"></div> +<div style="margin-left: 53px; width: 660px;"></div> +<div style="margin-left: 53px; width: 660px;"></div> +<div style="margin-left: 53px; width: 660px;"></div> +<div style="margin-left: 53px; width: 660px;"></div> +<div style="margin-left: 53px; width: 660px;"></div> +<div style="margin-left: 53px; width: 660px;"></div> +<!-- left and right and margin-left and margin-right auto (margin-left and margin-right like 0) --> +<div style="margin-left: 150px; width: 660px;"></div> +<div style="margin-left: 150px; width: 660px;"></div> +<div style="margin-left: -34px; width: 660px;"></div> +<div style="margin-left: -34px; width: 660px;"></div> +<div style="margin-left: 150px; width: 660px;"></div> +<div style="margin-left: 150px; width: 660px;"></div> +<div style="margin-left: -34px; width: 660px;"></div> +<div style="margin-left: -34px; width: 660px;"></div> + +<!-- ***** NARROW WIDTH ***** --> + +<!-- nothing auto --> +<div style="margin-left: 70px; width: 153px;"></div> +<div style="margin-left: 496px; width: 153px;"></div> +<div style="margin-left: 70px; width: 153px;"></div> +<div style="margin-left: 496px; width: 153px;"></div> +<div style="margin-left: 70px; width: 153px;"></div> +<div style="margin-left: 496px; width: 153px;"></div> +<div style="margin-left: 70px; width: 153px;"></div> +<div style="margin-left: 496px; width: 153px;"></div> +<!-- only left auto --> +<div style="margin-left: 496px; width: 153px;"></div> +<div style="margin-left: 496px; width: 153px;"></div> +<div style="margin-left: 496px; width: 153px;"></div> +<div style="margin-left: 496px; width: 153px;"></div> +<div style="margin-left: 496px; width: 153px;"></div> +<div style="margin-left: 496px; width: 153px;"></div> +<div style="margin-left: 496px; width: 153px;"></div> +<div style="margin-left: 496px; width: 153px;"></div> +<!-- only right auto --> +<div style="margin-left: 70px; width: 153px;"></div> +<div style="margin-left: 70px; width: 153px;"></div> +<div style="margin-left: 70px; width: 153px;"></div> +<div style="margin-left: 70px; width: 153px;"></div> +<div style="margin-left: 70px; width: 153px;"></div> +<div style="margin-left: 70px; width: 153px;"></div> +<div style="margin-left: 70px; width: 153px;"></div> +<div style="margin-left: 70px; width: 153px;"></div> +<!-- left and right auto --> +<div style="margin-left: 167px; width: 153px;"></div> +<div style="margin-left: 167px; width: 153px;"></div> +<div style="margin-left: 454px; width: 153px;"></div> +<div style="margin-left: 454px; width: 153px;"></div> +<div style="margin-left: 167px; width: 153px;"></div> +<div style="margin-left: 167px; width: 153px;"></div> +<div style="margin-left: 454px; width: 153px;"></div> +<div style="margin-left: 454px; width: 153px;"></div> +<!-- only margin-left auto --> +<div style="margin-left: 496px; width: 153px;"></div> +<div style="margin-left: 496px; width: 153px;"></div> +<div style="margin-left: 496px; width: 153px;"></div> +<div style="margin-left: 496px; width: 153px;"></div> +<div style="margin-left: 496px; width: 153px;"></div> +<div style="margin-left: 496px; width: 153px;"></div> +<div style="margin-left: 496px; width: 153px;"></div> +<div style="margin-left: 496px; width: 153px;"></div> +<!-- left and margin-left auto --> +<div style="margin-left: 496px; width: 153px;"></div> +<div style="margin-left: 496px; width: 153px;"></div> +<div style="margin-left: 496px; width: 153px;"></div> +<div style="margin-left: 496px; width: 153px;"></div> +<div style="margin-left: 496px; width: 153px;"></div> +<div style="margin-left: 496px; width: 153px;"></div> +<div style="margin-left: 496px; width: 153px;"></div> +<div style="margin-left: 496px; width: 153px;"></div> +<!-- right and margin-left auto (margin-left like 0) --> +<div style="margin-left: 53px; width: 153px;"></div> +<div style="margin-left: 53px; width: 153px;"></div> +<div style="margin-left: 53px; width: 153px;"></div> +<div style="margin-left: 53px; width: 153px;"></div> +<div style="margin-left: 53px; width: 153px;"></div> +<div style="margin-left: 53px; width: 153px;"></div> +<div style="margin-left: 53px; width: 153px;"></div> +<div style="margin-left: 53px; width: 153px;"></div> +<!-- left and right and margin-left auto (margin-left like 0) --> +<div style="margin-left: 150px; width: 153px;"></div> +<div style="margin-left: 150px; width: 153px;"></div> +<div style="margin-left: 454px; width: 153px;"></div> +<div style="margin-left: 454px; width: 153px;"></div> +<div style="margin-left: 150px; width: 153px;"></div> +<div style="margin-left: 150px; width: 153px;"></div> +<div style="margin-left: 454px; width: 153px;"></div> +<div style="margin-left: 454px; width: 153px;"></div> +<!-- only margin-right auto --> +<div style="margin-left: 70px; width: 153px;"></div> +<div style="margin-left: 70px; width: 153px;"></div> +<div style="margin-left: 70px; width: 153px;"></div> +<div style="margin-left: 70px; width: 153px;"></div> +<div style="margin-left: 70px; width: 153px;"></div> +<div style="margin-left: 70px; width: 153px;"></div> +<div style="margin-left: 70px; width: 153px;"></div> +<div style="margin-left: 70px; width: 153px;"></div> +<!-- left and margin-right auto (margin-right like 0) --> +<div style="margin-left: 515px; width: 153px;"></div> +<div style="margin-left: 515px; width: 153px;"></div> +<div style="margin-left: 515px; width: 153px;"></div> +<div style="margin-left: 515px; width: 153px;"></div> +<div style="margin-left: 515px; width: 153px;"></div> +<div style="margin-left: 515px; width: 153px;"></div> +<div style="margin-left: 515px; width: 153px;"></div> +<div style="margin-left: 515px; width: 153px;"></div> +<!-- right and margin-right auto --> +<div style="margin-left: 70px; width: 153px;"></div> +<div style="margin-left: 70px; width: 153px;"></div> +<div style="margin-left: 70px; width: 153px;"></div> +<div style="margin-left: 70px; width: 153px;"></div> +<div style="margin-left: 70px; width: 153px;"></div> +<div style="margin-left: 70px; width: 153px;"></div> +<div style="margin-left: 70px; width: 153px;"></div> +<div style="margin-left: 70px; width: 153px;"></div> +<!-- left and right and margin-right auto (margin-right like 0) --> +<div style="margin-left: 167px; width: 153px;"></div> +<div style="margin-left: 167px; width: 153px;"></div> +<div style="margin-left: 473px; width: 153px;"></div> +<div style="margin-left: 473px; width: 153px;"></div> +<div style="margin-left: 167px; width: 153px;"></div> +<div style="margin-left: 167px; width: 153px;"></div> +<div style="margin-left: 473px; width: 153px;"></div> +<div style="margin-left: 473px; width: 153px;"></div> +<!-- margin-left and margin-right auto --> +<div style="margin-left: 284px; width: 153px;"></div> +<div style="margin-left: 284px; width: 153px;"></div> +<div style="margin-left: 284px; width: 153px;"></div> +<div style="margin-left: 284px; width: 153px;"></div> +<div style="margin-left: 284px; width: 153px;"></div> +<div style="margin-left: 284px; width: 153px;"></div> +<div style="margin-left: 284px; width: 153px;"></div> +<div style="margin-left: 284px; width: 153px;"></div> +<!-- left and margin-left and margin-right auto (margin-right like 0) --> +<div style="margin-left: 515px; width: 153px;"></div> +<div style="margin-left: 515px; width: 153px;"></div> +<div style="margin-left: 515px; width: 153px;"></div> +<div style="margin-left: 515px; width: 153px;"></div> +<div style="margin-left: 515px; width: 153px;"></div> +<div style="margin-left: 515px; width: 153px;"></div> +<div style="margin-left: 515px; width: 153px;"></div> +<div style="margin-left: 515px; width: 153px;"></div> +<!-- right and margin-left and margin-right auto (margin-left like 0) --> +<div style="margin-left: 53px; width: 153px;"></div> +<div style="margin-left: 53px; width: 153px;"></div> +<div style="margin-left: 53px; width: 153px;"></div> +<div style="margin-left: 53px; width: 153px;"></div> +<div style="margin-left: 53px; width: 153px;"></div> +<div style="margin-left: 53px; width: 153px;"></div> +<div style="margin-left: 53px; width: 153px;"></div> +<div style="margin-left: 53px; width: 153px;"></div> +<!-- left and right and margin-left and margin-right auto (margin-left and margin-right like 0) --> +<div style="margin-left: 150px; width: 153px;"></div> +<div style="margin-left: 150px; width: 153px;"></div> +<div style="margin-left: 473px; width: 153px;"></div> +<div style="margin-left: 473px; width: 153px;"></div> +<div style="margin-left: 150px; width: 153px;"></div> +<div style="margin-left: 150px; width: 153px;"></div> +<div style="margin-left: 473px; width: 153px;"></div> +<div style="margin-left: 473px; width: 153px;"></div> + +<!-- ***** NARROW WIDTH ***** --> + +<!-- nothing auto --> +<div style="margin-left: 70px; width: 153px;"></div> +<div style="margin-left: 496px; width: 153px;"></div> +<div style="margin-left: 70px; width: 153px;"></div> +<div style="margin-left: 496px; width: 153px;"></div> +<div style="margin-left: 70px; width: 153px;"></div> +<div style="margin-left: 496px; width: 153px;"></div> +<div style="margin-left: 70px; width: 153px;"></div> +<div style="margin-left: 496px; width: 153px;"></div> +<!-- only left auto --> +<div style="margin-left: 496px; width: 153px;"></div> +<div style="margin-left: 496px; width: 153px;"></div> +<div style="margin-left: 496px; width: 153px;"></div> +<div style="margin-left: 496px; width: 153px;"></div> +<div style="margin-left: 496px; width: 153px;"></div> +<div style="margin-left: 496px; width: 153px;"></div> +<div style="margin-left: 496px; width: 153px;"></div> +<div style="margin-left: 496px; width: 153px;"></div> +<!-- only right auto --> +<div style="margin-left: 70px; width: 153px;"></div> +<div style="margin-left: 70px; width: 153px;"></div> +<div style="margin-left: 70px; width: 153px;"></div> +<div style="margin-left: 70px; width: 153px;"></div> +<div style="margin-left: 70px; width: 153px;"></div> +<div style="margin-left: 70px; width: 153px;"></div> +<div style="margin-left: 70px; width: 153px;"></div> +<div style="margin-left: 70px; width: 153px;"></div> +<!-- left and right auto --> +<div style="margin-left: 167px; width: 153px;"></div> +<div style="margin-left: 167px; width: 153px;"></div> +<div style="margin-left: 454px; width: 153px;"></div> +<div style="margin-left: 454px; width: 153px;"></div> +<div style="margin-left: 167px; width: 153px;"></div> +<div style="margin-left: 167px; width: 153px;"></div> +<div style="margin-left: 454px; width: 153px;"></div> +<div style="margin-left: 454px; width: 153px;"></div> +<!-- only margin-left auto --> +<div style="margin-left: 496px; width: 153px;"></div> +<div style="margin-left: 496px; width: 153px;"></div> +<div style="margin-left: 496px; width: 153px;"></div> +<div style="margin-left: 496px; width: 153px;"></div> +<div style="margin-left: 496px; width: 153px;"></div> +<div style="margin-left: 496px; width: 153px;"></div> +<div style="margin-left: 496px; width: 153px;"></div> +<div style="margin-left: 496px; width: 153px;"></div> +<!-- left and margin-left auto --> +<div style="margin-left: 496px; width: 153px;"></div> +<div style="margin-left: 496px; width: 153px;"></div> +<div style="margin-left: 496px; width: 153px;"></div> +<div style="margin-left: 496px; width: 153px;"></div> +<div style="margin-left: 496px; width: 153px;"></div> +<div style="margin-left: 496px; width: 153px;"></div> +<div style="margin-left: 496px; width: 153px;"></div> +<div style="margin-left: 496px; width: 153px;"></div> +<!-- right and margin-left auto (margin-left like 0) --> +<div style="margin-left: 53px; width: 153px;"></div> +<div style="margin-left: 53px; width: 153px;"></div> +<div style="margin-left: 53px; width: 153px;"></div> +<div style="margin-left: 53px; width: 153px;"></div> +<div style="margin-left: 53px; width: 153px;"></div> +<div style="margin-left: 53px; width: 153px;"></div> +<div style="margin-left: 53px; width: 153px;"></div> +<div style="margin-left: 53px; width: 153px;"></div> +<!-- left and right and margin-left auto (margin-left like 0) --> +<div style="margin-left: 150px; width: 153px;"></div> +<div style="margin-left: 150px; width: 153px;"></div> +<div style="margin-left: 454px; width: 153px;"></div> +<div style="margin-left: 454px; width: 153px;"></div> +<div style="margin-left: 150px; width: 153px;"></div> +<div style="margin-left: 150px; width: 153px;"></div> +<div style="margin-left: 454px; width: 153px;"></div> +<div style="margin-left: 454px; width: 153px;"></div> +<!-- only margin-right auto --> +<div style="margin-left: 70px; width: 153px;"></div> +<div style="margin-left: 70px; width: 153px;"></div> +<div style="margin-left: 70px; width: 153px;"></div> +<div style="margin-left: 70px; width: 153px;"></div> +<div style="margin-left: 70px; width: 153px;"></div> +<div style="margin-left: 70px; width: 153px;"></div> +<div style="margin-left: 70px; width: 153px;"></div> +<div style="margin-left: 70px; width: 153px;"></div> +<!-- left and margin-right auto (margin-right like 0) --> +<div style="margin-left: 515px; width: 153px;"></div> +<div style="margin-left: 515px; width: 153px;"></div> +<div style="margin-left: 515px; width: 153px;"></div> +<div style="margin-left: 515px; width: 153px;"></div> +<div style="margin-left: 515px; width: 153px;"></div> +<div style="margin-left: 515px; width: 153px;"></div> +<div style="margin-left: 515px; width: 153px;"></div> +<div style="margin-left: 515px; width: 153px;"></div> +<!-- right and margin-right auto --> +<div style="margin-left: 70px; width: 153px;"></div> +<div style="margin-left: 70px; width: 153px;"></div> +<div style="margin-left: 70px; width: 153px;"></div> +<div style="margin-left: 70px; width: 153px;"></div> +<div style="margin-left: 70px; width: 153px;"></div> +<div style="margin-left: 70px; width: 153px;"></div> +<div style="margin-left: 70px; width: 153px;"></div> +<div style="margin-left: 70px; width: 153px;"></div> +<!-- left and right and margin-right auto (margin-right like 0) --> +<div style="margin-left: 167px; width: 153px;"></div> +<div style="margin-left: 167px; width: 153px;"></div> +<div style="margin-left: 473px; width: 153px;"></div> +<div style="margin-left: 473px; width: 153px;"></div> +<div style="margin-left: 167px; width: 153px;"></div> +<div style="margin-left: 167px; width: 153px;"></div> +<div style="margin-left: 473px; width: 153px;"></div> +<div style="margin-left: 473px; width: 153px;"></div> +<!-- margin-left and margin-right auto --> +<div style="margin-left: 284px; width: 153px;"></div> +<div style="margin-left: 284px; width: 153px;"></div> +<div style="margin-left: 284px; width: 153px;"></div> +<div style="margin-left: 284px; width: 153px;"></div> +<div style="margin-left: 284px; width: 153px;"></div> +<div style="margin-left: 284px; width: 153px;"></div> +<div style="margin-left: 284px; width: 153px;"></div> +<div style="margin-left: 284px; width: 153px;"></div> +<!-- left and margin-left and margin-right auto (margin-right like 0) --> +<div style="margin-left: 515px; width: 153px;"></div> +<div style="margin-left: 515px; width: 153px;"></div> +<div style="margin-left: 515px; width: 153px;"></div> +<div style="margin-left: 515px; width: 153px;"></div> +<div style="margin-left: 515px; width: 153px;"></div> +<div style="margin-left: 515px; width: 153px;"></div> +<div style="margin-left: 515px; width: 153px;"></div> +<div style="margin-left: 515px; width: 153px;"></div> +<!-- right and margin-left and margin-right auto (margin-left like 0) --> +<div style="margin-left: 53px; width: 153px;"></div> +<div style="margin-left: 53px; width: 153px;"></div> +<div style="margin-left: 53px; width: 153px;"></div> +<div style="margin-left: 53px; width: 153px;"></div> +<div style="margin-left: 53px; width: 153px;"></div> +<div style="margin-left: 53px; width: 153px;"></div> +<div style="margin-left: 53px; width: 153px;"></div> +<div style="margin-left: 53px; width: 153px;"></div> +<!-- left and right and margin-left and margin-right auto (margin-left and margin-right like 0) --> +<div style="margin-left: 150px; width: 153px;"></div> +<div style="margin-left: 150px; width: 153px;"></div> +<div style="margin-left: 473px; width: 153px;"></div> +<div style="margin-left: 473px; width: 153px;"></div> +<div style="margin-left: 150px; width: 153px;"></div> +<div style="margin-left: 150px; width: 153px;"></div> +<div style="margin-left: 473px; width: 153px;"></div> +<div style="margin-left: 473px; width: 153px;"></div> + +<!-- ***** WIDE WIDTH ***** --> + +<!-- nothing auto --> +<div style="margin-left: 70px; width: 660px;"></div> +<div style="margin-left: -11px; width: 660px;"></div> +<div style="margin-left: 70px; width: 660px;"></div> +<div style="margin-left: -11px; width: 660px;"></div> +<div style="margin-left: 70px; width: 660px;"></div> +<div style="margin-left: -11px; width: 660px;"></div> +<div style="margin-left: 70px; width: 660px;"></div> +<div style="margin-left: -11px; width: 660px;"></div> +<!-- only left auto --> +<div style="margin-left: -11px; width: 660px;"></div> +<div style="margin-left: -11px; width: 660px;"></div> +<div style="margin-left: -11px; width: 660px;"></div> +<div style="margin-left: -11px; width: 660px;"></div> +<div style="margin-left: -11px; width: 660px;"></div> +<div style="margin-left: -11px; width: 660px;"></div> +<div style="margin-left: -11px; width: 660px;"></div> +<div style="margin-left: -11px; width: 660px;"></div> +<!-- only right auto --> +<div style="margin-left: 70px; width: 660px;"></div> +<div style="margin-left: 70px; width: 660px;"></div> +<div style="margin-left: 70px; width: 660px;"></div> +<div style="margin-left: 70px; width: 660px;"></div> +<div style="margin-left: 70px; width: 660px;"></div> +<div style="margin-left: 70px; width: 660px;"></div> +<div style="margin-left: 70px; width: 660px;"></div> +<div style="margin-left: 70px; width: 660px;"></div> +<!-- left and right auto --> +<div style="margin-left: 167px; width: 660px;"></div> +<div style="margin-left: 167px; width: 660px;"></div> +<div style="margin-left: -53px; width: 660px;"></div> +<div style="margin-left: -53px; width: 660px;"></div> +<div style="margin-left: 167px; width: 660px;"></div> +<div style="margin-left: 167px; width: 660px;"></div> +<div style="margin-left: -53px; width: 660px;"></div> +<div style="margin-left: -53px; width: 660px;"></div> +<!-- only margin-left auto --> +<div style="margin-left: -11px; width: 660px;"></div> +<div style="margin-left: -11px; width: 660px;"></div> +<div style="margin-left: -11px; width: 660px;"></div> +<div style="margin-left: -11px; width: 660px;"></div> +<div style="margin-left: -11px; width: 660px;"></div> +<div style="margin-left: -11px; width: 660px;"></div> +<div style="margin-left: -11px; width: 660px;"></div> +<div style="margin-left: -11px; width: 660px;"></div> +<!-- left and margin-left auto --> +<div style="margin-left: -11px; width: 660px;"></div> +<div style="margin-left: -11px; width: 660px;"></div> +<div style="margin-left: -11px; width: 660px;"></div> +<div style="margin-left: -11px; width: 660px;"></div> +<div style="margin-left: -11px; width: 660px;"></div> +<div style="margin-left: -11px; width: 660px;"></div> +<div style="margin-left: -11px; width: 660px;"></div> +<div style="margin-left: -11px; width: 660px;"></div> +<!-- right and margin-left auto (margin-left like 0) --> +<div style="margin-left: 53px; width: 660px;"></div> +<div style="margin-left: 53px; width: 660px;"></div> +<div style="margin-left: 53px; width: 660px;"></div> +<div style="margin-left: 53px; width: 660px;"></div> +<div style="margin-left: 53px; width: 660px;"></div> +<div style="margin-left: 53px; width: 660px;"></div> +<div style="margin-left: 53px; width: 660px;"></div> +<div style="margin-left: 53px; width: 660px;"></div> +<!-- left and right and margin-left auto (margin-left like 0) --> +<div style="margin-left: 150px; width: 660px;"></div> +<div style="margin-left: 150px; width: 660px;"></div> +<div style="margin-left: -53px; width: 660px;"></div> +<div style="margin-left: -53px; width: 660px;"></div> +<div style="margin-left: 150px; width: 660px;"></div> +<div style="margin-left: 150px; width: 660px;"></div> +<div style="margin-left: -53px; width: 660px;"></div> +<div style="margin-left: -53px; width: 660px;"></div> +<!-- only margin-right auto --> +<div style="margin-left: 70px; width: 660px;"></div> +<div style="margin-left: 70px; width: 660px;"></div> +<div style="margin-left: 70px; width: 660px;"></div> +<div style="margin-left: 70px; width: 660px;"></div> +<div style="margin-left: 70px; width: 660px;"></div> +<div style="margin-left: 70px; width: 660px;"></div> +<div style="margin-left: 70px; width: 660px;"></div> +<div style="margin-left: 70px; width: 660px;"></div> +<!-- left and margin-right auto (margin-right like 0) --> +<div style="margin-left: 8px; width: 660px;"></div> +<div style="margin-left: 8px; width: 660px;"></div> +<div style="margin-left: 8px; width: 660px;"></div> +<div style="margin-left: 8px; width: 660px;"></div> +<div style="margin-left: 8px; width: 660px;"></div> +<div style="margin-left: 8px; width: 660px;"></div> +<div style="margin-left: 8px; width: 660px;"></div> +<div style="margin-left: 8px; width: 660px;"></div> +<!-- right and margin-right auto --> +<div style="margin-left: 70px; width: 660px;"></div> +<div style="margin-left: 70px; width: 660px;"></div> +<div style="margin-left: 70px; width: 660px;"></div> +<div style="margin-left: 70px; width: 660px;"></div> +<div style="margin-left: 70px; width: 660px;"></div> +<div style="margin-left: 70px; width: 660px;"></div> +<div style="margin-left: 70px; width: 660px;"></div> +<div style="margin-left: 70px; width: 660px;"></div> +<!-- left and right and margin-right auto (margin-right like 0) --> +<div style="margin-left: 167px; width: 660px;"></div> +<div style="margin-left: 167px; width: 660px;"></div> +<div style="margin-left: -34px; width: 660px;"></div> +<div style="margin-left: -34px; width: 660px;"></div> +<div style="margin-left: 167px; width: 660px;"></div> +<div style="margin-left: 167px; width: 660px;"></div> +<div style="margin-left: -34px; width: 660px;"></div> +<div style="margin-left: -34px; width: 660px;"></div> +<!-- margin-left and margin-right auto (alternately like 0) --> +<div style="margin-left: 53px; width: 660px;"></div> +<div style="margin-left: 8px; width: 660px;"></div> +<div style="margin-left: 53px; width: 660px;"></div> +<div style="margin-left: 8px; width: 660px;"></div> +<div style="margin-left: 53px; width: 660px;"></div> +<div style="margin-left: 8px; width: 660px;"></div> +<div style="margin-left: 53px; width: 660px;"></div> +<div style="margin-left: 8px; width: 660px;"></div> +<!-- left and margin-left and margin-right auto (margin-right like 0) --> +<div style="margin-left: 8px; width: 660px;"></div> +<div style="margin-left: 8px; width: 660px;"></div> +<div style="margin-left: 8px; width: 660px;"></div> +<div style="margin-left: 8px; width: 660px;"></div> +<div style="margin-left: 8px; width: 660px;"></div> +<div style="margin-left: 8px; width: 660px;"></div> +<div style="margin-left: 8px; width: 660px;"></div> +<div style="margin-left: 8px; width: 660px;"></div> +<!-- right and margin-left and margin-right auto (margin-left like 0) --> +<div style="margin-left: 53px; width: 660px;"></div> +<div style="margin-left: 53px; width: 660px;"></div> +<div style="margin-left: 53px; width: 660px;"></div> +<div style="margin-left: 53px; width: 660px;"></div> +<div style="margin-left: 53px; width: 660px;"></div> +<div style="margin-left: 53px; width: 660px;"></div> +<div style="margin-left: 53px; width: 660px;"></div> +<div style="margin-left: 53px; width: 660px;"></div> +<!-- left and right and margin-left and margin-right auto (margin-left and margin-right like 0) --> +<div style="margin-left: 150px; width: 660px;"></div> +<div style="margin-left: 150px; width: 660px;"></div> +<div style="margin-left: -34px; width: 660px;"></div> +<div style="margin-left: -34px; width: 660px;"></div> +<div style="margin-left: 150px; width: 660px;"></div> +<div style="margin-left: 150px; width: 660px;"></div> +<div style="margin-left: -34px; width: 660px;"></div> +<div style="margin-left: -34px; width: 660px;"></div> + +</body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/csswg-issues/submitted/css2.1/abspos-replaced-width-margin-000.xht b/testing/web-platform/tests/css/CSS2/csswg-issues/submitted/css2.1/abspos-replaced-width-margin-000.xht new file mode 100644 index 0000000000..f7b0f9c4da --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/csswg-issues/submitted/css2.1/abspos-replaced-width-margin-000.xht @@ -0,0 +1,638 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> +<head> +<title>CSS Test: CSS2.1:10.3.8 Comprehensive - Absolutely Positioned Replaced Horizontal Size+Position Calculations</title> +<link rel="author" title="L. David Baron" href="https://dbaron.org/"/> +<link rel="alternate" href="http://mxr.mozilla.org/mozilla-central/source/layout/reftests/abspos-replaced-width-margin-000.html"/> +<link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#abs-replaced-width"/> +<link rel="match" href="abspos-replaced-width-margin-000-ref.xht"/> +<meta name="assert" content="The values of 'left', 'right', 'margin-left', +'margin-right', and 'width' are calculated correctly for absolutely positioned +replaced elements according to CSS2.1 Section 10.3.7."/> +<style type="text/css"> + +div { height: 1px; direction: ltr; } + +/* + * Every case here has two divs and an image nested inside of each other. The + * innermost div (absolutely positioned) is the testcase (and has + * color). The middle div's content edge establishes the containing + * block it would have if it were statically positioned. The outermost + * div is actually its containing block. + * + * the abs pos containing block runs from 50px to 700px from the left edge + * the static pos containing block runs from 150px to 650px from the left edge + */ + +/* totals for html and body: 21px on the left, 34px on the right */ +html, body { border: transparent medium solid; } +html { margin: 0 3px 0 2px; padding: 0 4px 0 3px; border-width: 0 3px 0 8px; } +body { margin: 0 6px 0 3px; padding: 0 7px 0 1px; border-width: 0 11px 0 4px; } + +body > div { + position: relative; + + top: 0; + left: 4px; + + margin-left: 16px; + border-left: 9px solid transparent; + /* sum of above items (29px), plus 21px above, is 50px */ + padding-left: 40px; + + width: 595px; + + padding-right: 15px; + /* sum of above items (650px), plus 50px above, is 700px */ + + border-right: 27px solid transparent; + margin-right: 13px; +} + +body > div > div { + /* padding-left above: 40px */ + margin-left: 7px; + border-left: 29px solid transparent; + padding-left: 24px; + /* sum of above items (100px), plus 50px above, is 150px */ + + /* padding-right above: 15px */ + padding-right: 14px; + border-right: 3px solid transparent; + margin-right: 18px; + /* sum of above items (50px), subtracted from 700px, is 650px */ +} + +body > div > div > img { + background: navy; + position: absolute; + top: 0; + bottom: 0; + + /* specify everything; we'll put the autos as overrides below */ + left: 3px; + margin-left: 17px; + border-left: 6px solid transparent; + padding-left: 1px; + padding-right: 9px; + border-right: 8px solid transparent; + margin-right: 19px; + right: 8px; +} + +/* now we want to test all 128 combinations of presence of the following */ + +body > div.adir { direction: rtl; } +body > div.sdir > div { direction: rtl; } +body > div.edir > div > img { direction: rtl; } +body > div.ol > div > img { left: auto; } +body > div.or > div > img { right: auto; } +body > div.ml > div > img { margin-left: auto; } +body > div.mr > div > img { margin-right: auto; } + +/* combined with each of these three (as appropriate for narrow/wide images) */ +body > div.narrowwidth > div > img { width: 153px; height: 1px; } +body > div.autowidth > div > img { width: auto; } +body > div.widewidth > div > img { width: 660px; height: 1px; } + +</style> +</head> +<body> + +<div class="autowidth"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div> +<div class="autowidth adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div> +<div class="autowidth sdir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div> +<div class="autowidth sdir adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div> +<div class="autowidth edir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div> +<div class="autowidth edir adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div> +<div class="autowidth edir sdir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div> +<div class="autowidth edir sdir adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div> +<div class="autowidth ol"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div> +<div class="autowidth ol adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div> +<div class="autowidth ol sdir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div> +<div class="autowidth ol sdir adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div> +<div class="autowidth ol edir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div> +<div class="autowidth ol edir adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div> +<div class="autowidth ol edir sdir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div> +<div class="autowidth ol edir sdir adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div> +<div class="autowidth or"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div> +<div class="autowidth or adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div> +<div class="autowidth or sdir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div> +<div class="autowidth or sdir adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div> +<div class="autowidth or edir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div> +<div class="autowidth or edir adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div> +<div class="autowidth or edir sdir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div> +<div class="autowidth or edir sdir adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div> +<div class="autowidth or ol"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div> +<div class="autowidth or ol adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div> +<div class="autowidth or ol sdir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div> +<div class="autowidth or ol sdir adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div> +<div class="autowidth or ol edir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div> +<div class="autowidth or ol edir adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div> +<div class="autowidth or ol edir sdir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div> +<div class="autowidth or ol edir sdir adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div> +<div class="autowidth ml"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div> +<div class="autowidth ml adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div> +<div class="autowidth ml sdir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div> +<div class="autowidth ml sdir adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div> +<div class="autowidth ml edir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div> +<div class="autowidth ml edir adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div> +<div class="autowidth ml edir sdir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div> +<div class="autowidth ml edir sdir adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div> +<div class="autowidth ml ol"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div> +<div class="autowidth ml ol adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div> +<div class="autowidth ml ol sdir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div> +<div class="autowidth ml ol sdir adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div> +<div class="autowidth ml ol edir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div> +<div class="autowidth ml ol edir adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div> +<div class="autowidth ml ol edir sdir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div> +<div class="autowidth ml ol edir sdir adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div> +<div class="autowidth ml or"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div> +<div class="autowidth ml or adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div> +<div class="autowidth ml or sdir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div> +<div class="autowidth ml or sdir adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div> +<div class="autowidth ml or edir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div> +<div class="autowidth ml or edir adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div> +<div class="autowidth ml or edir sdir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div> +<div class="autowidth ml or edir sdir adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div> +<div class="autowidth ml or ol"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div> +<div class="autowidth ml or ol adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div> +<div class="autowidth ml or ol sdir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div> +<div class="autowidth ml or ol sdir adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div> +<div class="autowidth ml or ol edir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div> +<div class="autowidth ml or ol edir adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div> +<div class="autowidth ml or ol edir sdir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div> +<div class="autowidth ml or ol edir sdir adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div> +<div class="autowidth mr"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div> +<div class="autowidth mr adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div> +<div class="autowidth mr sdir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div> +<div class="autowidth mr sdir adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div> +<div class="autowidth mr edir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div> +<div class="autowidth mr edir adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div> +<div class="autowidth mr edir sdir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div> +<div class="autowidth mr edir sdir adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div> +<div class="autowidth mr ol"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div> +<div class="autowidth mr ol adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div> +<div class="autowidth mr ol sdir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div> +<div class="autowidth mr ol sdir adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div> +<div class="autowidth mr ol edir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div> +<div class="autowidth mr ol edir adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div> +<div class="autowidth mr ol edir sdir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div> +<div class="autowidth mr ol edir sdir adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div> +<div class="autowidth mr or"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div> +<div class="autowidth mr or adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div> +<div class="autowidth mr or sdir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div> +<div class="autowidth mr or sdir adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div> +<div class="autowidth mr or edir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div> +<div class="autowidth mr or edir adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div> +<div class="autowidth mr or edir sdir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div> +<div class="autowidth mr or edir sdir adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div> +<div class="autowidth mr or ol"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div> +<div class="autowidth mr or ol adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div> +<div class="autowidth mr or ol sdir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div> +<div class="autowidth mr or ol sdir adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div> +<div class="autowidth mr or ol edir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div> +<div class="autowidth mr or ol edir adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div> +<div class="autowidth mr or ol edir sdir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div> +<div class="autowidth mr or ol edir sdir adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div> +<div class="autowidth mr ml"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div> +<div class="autowidth mr ml adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div> +<div class="autowidth mr ml sdir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div> +<div class="autowidth mr ml sdir adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div> +<div class="autowidth mr ml edir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div> +<div class="autowidth mr ml edir adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div> +<div class="autowidth mr ml edir sdir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div> +<div class="autowidth mr ml edir sdir adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div> +<div class="autowidth mr ml ol"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div> +<div class="autowidth mr ml ol adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div> +<div class="autowidth mr ml ol sdir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div> +<div class="autowidth mr ml ol sdir adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div> +<div class="autowidth mr ml ol edir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div> +<div class="autowidth mr ml ol edir adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div> +<div class="autowidth mr ml ol edir sdir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div> +<div class="autowidth mr ml ol edir sdir adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div> +<div class="autowidth mr ml or"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div> +<div class="autowidth mr ml or adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div> +<div class="autowidth mr ml or sdir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div> +<div class="autowidth mr ml or sdir adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div> +<div class="autowidth mr ml or edir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div> +<div class="autowidth mr ml or edir adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div> +<div class="autowidth mr ml or edir sdir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div> +<div class="autowidth mr ml or edir sdir adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div> +<div class="autowidth mr ml or ol"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div> +<div class="autowidth mr ml or ol adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div> +<div class="autowidth mr ml or ol sdir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div> +<div class="autowidth mr ml or ol sdir adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div> +<div class="autowidth mr ml or ol edir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div> +<div class="autowidth mr ml or ol edir adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div> +<div class="autowidth mr ml or ol edir sdir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div> +<div class="autowidth mr ml or ol edir sdir adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div> + +<div class="narrowwidth"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div> +<div class="narrowwidth adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div> +<div class="narrowwidth sdir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div> +<div class="narrowwidth sdir adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div> +<div class="narrowwidth edir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div> +<div class="narrowwidth edir adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div> +<div class="narrowwidth edir sdir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div> +<div class="narrowwidth edir sdir adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div> +<div class="narrowwidth ol"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div> +<div class="narrowwidth ol adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div> +<div class="narrowwidth ol sdir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div> +<div class="narrowwidth ol sdir adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div> +<div class="narrowwidth ol edir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div> +<div class="narrowwidth ol edir adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div> +<div class="narrowwidth ol edir sdir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div> +<div class="narrowwidth ol edir sdir adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div> +<div class="narrowwidth or"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div> +<div class="narrowwidth or adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div> +<div class="narrowwidth or sdir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div> +<div class="narrowwidth or sdir adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div> +<div class="narrowwidth or edir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div> +<div class="narrowwidth or edir adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div> +<div class="narrowwidth or edir sdir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div> +<div class="narrowwidth or edir sdir adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div> +<div class="narrowwidth or ol"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div> +<div class="narrowwidth or ol adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div> +<div class="narrowwidth or ol sdir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div> +<div class="narrowwidth or ol sdir adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div> +<div class="narrowwidth or ol edir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div> +<div class="narrowwidth or ol edir adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div> +<div class="narrowwidth or ol edir sdir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div> +<div class="narrowwidth or ol edir sdir adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div> +<div class="narrowwidth ml"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div> +<div class="narrowwidth ml adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div> +<div class="narrowwidth ml sdir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div> +<div class="narrowwidth ml sdir adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div> +<div class="narrowwidth ml edir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div> +<div class="narrowwidth ml edir adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div> +<div class="narrowwidth ml edir sdir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div> +<div class="narrowwidth ml edir sdir adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div> +<div class="narrowwidth ml ol"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div> +<div class="narrowwidth ml ol adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div> +<div class="narrowwidth ml ol sdir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div> +<div class="narrowwidth ml ol sdir adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div> +<div class="narrowwidth ml ol edir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div> +<div class="narrowwidth ml ol edir adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div> +<div class="narrowwidth ml ol edir sdir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div> +<div class="narrowwidth ml ol edir sdir adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div> +<div class="narrowwidth ml or"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div> +<div class="narrowwidth ml or adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div> +<div class="narrowwidth ml or sdir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div> +<div class="narrowwidth ml or sdir adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div> +<div class="narrowwidth ml or edir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div> +<div class="narrowwidth ml or edir adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div> +<div class="narrowwidth ml or edir sdir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div> +<div class="narrowwidth ml or edir sdir adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div> +<div class="narrowwidth ml or ol"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div> +<div class="narrowwidth ml or ol adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div> +<div class="narrowwidth ml or ol sdir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div> +<div class="narrowwidth ml or ol sdir adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div> +<div class="narrowwidth ml or ol edir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div> +<div class="narrowwidth ml or ol edir adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div> +<div class="narrowwidth ml or ol edir sdir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div> +<div class="narrowwidth ml or ol edir sdir adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div> +<div class="narrowwidth mr"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div> +<div class="narrowwidth mr adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div> +<div class="narrowwidth mr sdir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div> +<div class="narrowwidth mr sdir adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div> +<div class="narrowwidth mr edir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div> +<div class="narrowwidth mr edir adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div> +<div class="narrowwidth mr edir sdir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div> +<div class="narrowwidth mr edir sdir adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div> +<div class="narrowwidth mr ol"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div> +<div class="narrowwidth mr ol adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div> +<div class="narrowwidth mr ol sdir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div> +<div class="narrowwidth mr ol sdir adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div> +<div class="narrowwidth mr ol edir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div> +<div class="narrowwidth mr ol edir adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div> +<div class="narrowwidth mr ol edir sdir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div> +<div class="narrowwidth mr ol edir sdir adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div> +<div class="narrowwidth mr or"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div> +<div class="narrowwidth mr or adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div> +<div class="narrowwidth mr or sdir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div> +<div class="narrowwidth mr or sdir adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div> +<div class="narrowwidth mr or edir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div> +<div class="narrowwidth mr or edir adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div> +<div class="narrowwidth mr or edir sdir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div> +<div class="narrowwidth mr or edir sdir adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div> +<div class="narrowwidth mr or ol"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div> +<div class="narrowwidth mr or ol adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div> +<div class="narrowwidth mr or ol sdir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div> +<div class="narrowwidth mr or ol sdir adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div> +<div class="narrowwidth mr or ol edir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div> +<div class="narrowwidth mr or ol edir adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div> +<div class="narrowwidth mr or ol edir sdir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div> +<div class="narrowwidth mr or ol edir sdir adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div> +<div class="narrowwidth mr ml"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div> +<div class="narrowwidth mr ml adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div> +<div class="narrowwidth mr ml sdir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div> +<div class="narrowwidth mr ml sdir adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div> +<div class="narrowwidth mr ml edir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div> +<div class="narrowwidth mr ml edir adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div> +<div class="narrowwidth mr ml edir sdir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div> +<div class="narrowwidth mr ml edir sdir adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div> +<div class="narrowwidth mr ml ol"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div> +<div class="narrowwidth mr ml ol adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div> +<div class="narrowwidth mr ml ol sdir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div> +<div class="narrowwidth mr ml ol sdir adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div> +<div class="narrowwidth mr ml ol edir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div> +<div class="narrowwidth mr ml ol edir adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div> +<div class="narrowwidth mr ml ol edir sdir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div> +<div class="narrowwidth mr ml ol edir sdir adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div> +<div class="narrowwidth mr ml or"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div> +<div class="narrowwidth mr ml or adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div> +<div class="narrowwidth mr ml or sdir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div> +<div class="narrowwidth mr ml or sdir adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div> +<div class="narrowwidth mr ml or edir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div> +<div class="narrowwidth mr ml or edir adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div> +<div class="narrowwidth mr ml or edir sdir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div> +<div class="narrowwidth mr ml or edir sdir adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div> +<div class="narrowwidth mr ml or ol"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div> +<div class="narrowwidth mr ml or ol adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div> +<div class="narrowwidth mr ml or ol sdir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div> +<div class="narrowwidth mr ml or ol sdir adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div> +<div class="narrowwidth mr ml or ol edir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div> +<div class="narrowwidth mr ml or ol edir adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div> +<div class="narrowwidth mr ml or ol edir sdir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div> +<div class="narrowwidth mr ml or ol edir sdir adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div> + +<div class="autowidth"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div> +<div class="autowidth adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div> +<div class="autowidth sdir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div> +<div class="autowidth sdir adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div> +<div class="autowidth edir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div> +<div class="autowidth edir adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div> +<div class="autowidth edir sdir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div> +<div class="autowidth edir sdir adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div> +<div class="autowidth ol"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div> +<div class="autowidth ol adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div> +<div class="autowidth ol sdir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div> +<div class="autowidth ol sdir adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div> +<div class="autowidth ol edir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div> +<div class="autowidth ol edir adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div> +<div class="autowidth ol edir sdir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div> +<div class="autowidth ol edir sdir adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div> +<div class="autowidth or"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div> +<div class="autowidth or adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div> +<div class="autowidth or sdir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div> +<div class="autowidth or sdir adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div> +<div class="autowidth or edir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div> +<div class="autowidth or edir adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div> +<div class="autowidth or edir sdir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div> +<div class="autowidth or edir sdir adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div> +<div class="autowidth or ol"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div> +<div class="autowidth or ol adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div> +<div class="autowidth or ol sdir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div> +<div class="autowidth or ol sdir adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div> +<div class="autowidth or ol edir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div> +<div class="autowidth or ol edir adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div> +<div class="autowidth or ol edir sdir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div> +<div class="autowidth or ol edir sdir adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div> +<div class="autowidth ml"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div> +<div class="autowidth ml adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div> +<div class="autowidth ml sdir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div> +<div class="autowidth ml sdir adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div> +<div class="autowidth ml edir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div> +<div class="autowidth ml edir adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div> +<div class="autowidth ml edir sdir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div> +<div class="autowidth ml edir sdir adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div> +<div class="autowidth ml ol"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div> +<div class="autowidth ml ol adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div> +<div class="autowidth ml ol sdir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div> +<div class="autowidth ml ol sdir adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div> +<div class="autowidth ml ol edir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div> +<div class="autowidth ml ol edir adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div> +<div class="autowidth ml ol edir sdir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div> +<div class="autowidth ml ol edir sdir adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div> +<div class="autowidth ml or"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div> +<div class="autowidth ml or adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div> +<div class="autowidth ml or sdir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div> +<div class="autowidth ml or sdir adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div> +<div class="autowidth ml or edir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div> +<div class="autowidth ml or edir adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div> +<div class="autowidth ml or edir sdir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div> +<div class="autowidth ml or edir sdir adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div> +<div class="autowidth ml or ol"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div> +<div class="autowidth ml or ol adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div> +<div class="autowidth ml or ol sdir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div> +<div class="autowidth ml or ol sdir adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div> +<div class="autowidth ml or ol edir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div> +<div class="autowidth ml or ol edir adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div> +<div class="autowidth ml or ol edir sdir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div> +<div class="autowidth ml or ol edir sdir adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div> +<div class="autowidth mr"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div> +<div class="autowidth mr adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div> +<div class="autowidth mr sdir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div> +<div class="autowidth mr sdir adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div> +<div class="autowidth mr edir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div> +<div class="autowidth mr edir adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div> +<div class="autowidth mr edir sdir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div> +<div class="autowidth mr edir sdir adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div> +<div class="autowidth mr ol"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div> +<div class="autowidth mr ol adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div> +<div class="autowidth mr ol sdir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div> +<div class="autowidth mr ol sdir adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div> +<div class="autowidth mr ol edir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div> +<div class="autowidth mr ol edir adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div> +<div class="autowidth mr ol edir sdir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div> +<div class="autowidth mr ol edir sdir adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div> +<div class="autowidth mr or"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div> +<div class="autowidth mr or adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div> +<div class="autowidth mr or sdir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div> +<div class="autowidth mr or sdir adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div> +<div class="autowidth mr or edir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div> +<div class="autowidth mr or edir adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div> +<div class="autowidth mr or edir sdir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div> +<div class="autowidth mr or edir sdir adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div> +<div class="autowidth mr or ol"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div> +<div class="autowidth mr or ol adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div> +<div class="autowidth mr or ol sdir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div> +<div class="autowidth mr or ol sdir adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div> +<div class="autowidth mr or ol edir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div> +<div class="autowidth mr or ol edir adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div> +<div class="autowidth mr or ol edir sdir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div> +<div class="autowidth mr or ol edir sdir adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div> +<div class="autowidth mr ml"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div> +<div class="autowidth mr ml adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div> +<div class="autowidth mr ml sdir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div> +<div class="autowidth mr ml sdir adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div> +<div class="autowidth mr ml edir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div> +<div class="autowidth mr ml edir adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div> +<div class="autowidth mr ml edir sdir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div> +<div class="autowidth mr ml edir sdir adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div> +<div class="autowidth mr ml ol"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div> +<div class="autowidth mr ml ol adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div> +<div class="autowidth mr ml ol sdir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div> +<div class="autowidth mr ml ol sdir adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div> +<div class="autowidth mr ml ol edir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div> +<div class="autowidth mr ml ol edir adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div> +<div class="autowidth mr ml ol edir sdir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div> +<div class="autowidth mr ml ol edir sdir adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div> +<div class="autowidth mr ml or"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div> +<div class="autowidth mr ml or adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div> +<div class="autowidth mr ml or sdir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div> +<div class="autowidth mr ml or sdir adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div> +<div class="autowidth mr ml or edir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div> +<div class="autowidth mr ml or edir adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div> +<div class="autowidth mr ml or edir sdir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div> +<div class="autowidth mr ml or edir sdir adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div> +<div class="autowidth mr ml or ol"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div> +<div class="autowidth mr ml or ol adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div> +<div class="autowidth mr ml or ol sdir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div> +<div class="autowidth mr ml or ol sdir adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div> +<div class="autowidth mr ml or ol edir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div> +<div class="autowidth mr ml or ol edir adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div> +<div class="autowidth mr ml or ol edir sdir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div> +<div class="autowidth mr ml or ol edir sdir adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div> + +<!-- ***** WIDE WIDTH ***** --> + +<!-- nothing auto --> + +<div class="widewidth"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div> +<div class="widewidth adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div> +<div class="widewidth sdir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div> +<div class="widewidth sdir adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div> +<div class="widewidth edir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div> +<div class="widewidth edir adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div> +<div class="widewidth edir sdir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div> +<div class="widewidth edir sdir adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div> +<!-- only left auto --> +<div class="widewidth ol"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div> +<div class="widewidth ol adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div> +<div class="widewidth ol sdir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div> +<div class="widewidth ol sdir adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div> +<div class="widewidth ol edir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div> +<div class="widewidth ol edir adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div> +<div class="widewidth ol edir sdir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div> +<div class="widewidth ol edir sdir adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div> +<!-- only right auto --> +<div class="widewidth or"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div> +<div class="widewidth or adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div> +<div class="widewidth or sdir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div> +<div class="widewidth or sdir adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div> +<div class="widewidth or edir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div> +<div class="widewidth or edir adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div> +<div class="widewidth or edir sdir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div> +<div class="widewidth or edir sdir adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div> +<!-- left and right auto --> +<div class="widewidth or ol"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div> +<div class="widewidth or ol adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div> +<div class="widewidth or ol sdir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div> +<div class="widewidth or ol sdir adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div> +<div class="widewidth or ol edir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div> +<div class="widewidth or ol edir adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div> +<div class="widewidth or ol edir sdir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div> +<div class="widewidth or ol edir sdir adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div> +<!-- only margin-left auto --> +<div class="widewidth ml"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div> +<div class="widewidth ml adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div> +<div class="widewidth ml sdir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div> +<div class="widewidth ml sdir adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div> +<div class="widewidth ml edir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div> +<div class="widewidth ml edir adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div> +<div class="widewidth ml edir sdir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div> +<div class="widewidth ml edir sdir adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div> +<!-- left and margin-left auto --> +<div class="widewidth ml ol"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div> +<div class="widewidth ml ol adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div> +<div class="widewidth ml ol sdir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div> +<div class="widewidth ml ol sdir adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div> +<div class="widewidth ml ol edir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div> +<div class="widewidth ml ol edir adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div> +<div class="widewidth ml ol edir sdir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div> +<div class="widewidth ml ol edir sdir adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div> +<!-- right and margin-left auto (margin-left like 0) --> +<div class="widewidth ml or"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div> +<div class="widewidth ml or adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div> +<div class="widewidth ml or sdir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div> +<div class="widewidth ml or sdir adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div> +<div class="widewidth ml or edir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div> +<div class="widewidth ml or edir adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div> +<div class="widewidth ml or edir sdir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div> +<div class="widewidth ml or edir sdir adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div> +<!-- left and right and margin-left auto (margin-left like 0) --> +<div class="widewidth ml or ol"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div> +<div class="widewidth ml or ol adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div> +<div class="widewidth ml or ol sdir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div> +<div class="widewidth ml or ol sdir adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div> +<div class="widewidth ml or ol edir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div> +<div class="widewidth ml or ol edir adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div> +<div class="widewidth ml or ol edir sdir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div> +<div class="widewidth ml or ol edir sdir adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div> +<!-- only margin-right auto --> +<div class="widewidth mr"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div> +<div class="widewidth mr adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div> +<div class="widewidth mr sdir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div> +<div class="widewidth mr sdir adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div> +<div class="widewidth mr edir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div> +<div class="widewidth mr edir adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div> +<div class="widewidth mr edir sdir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div> +<div class="widewidth mr edir sdir adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div> +<!-- left and margin-right auto (margin-right like 0) --> +<div class="widewidth mr ol"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div> +<div class="widewidth mr ol adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div> +<div class="widewidth mr ol sdir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div> +<div class="widewidth mr ol sdir adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div> +<div class="widewidth mr ol edir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div> +<div class="widewidth mr ol edir adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div> +<div class="widewidth mr ol edir sdir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div> +<div class="widewidth mr ol edir sdir adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div> +<!-- right and margin-right auto --> +<div class="widewidth mr or"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div> +<div class="widewidth mr or adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div> +<div class="widewidth mr or sdir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div> +<div class="widewidth mr or sdir adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div> +<div class="widewidth mr or edir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div> +<div class="widewidth mr or edir adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div> +<div class="widewidth mr or edir sdir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div> +<div class="widewidth mr or edir sdir adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div> +<!-- left and right and margin-right auto (margin-right like 0) --> +<div class="widewidth mr or ol"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div> +<div class="widewidth mr or ol adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div> +<div class="widewidth mr or ol sdir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div> +<div class="widewidth mr or ol sdir adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div> +<div class="widewidth mr or ol edir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div> +<div class="widewidth mr or ol edir adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div> +<div class="widewidth mr or ol edir sdir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div> +<div class="widewidth mr or ol edir sdir adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div> +<!-- margin-left and margin-right auto (alternately like 0) --> +<div class="widewidth mr ml"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div> +<div class="widewidth mr ml adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div> +<div class="widewidth mr ml sdir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div> +<div class="widewidth mr ml sdir adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div> +<div class="widewidth mr ml edir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div> +<div class="widewidth mr ml edir adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div> +<div class="widewidth mr ml edir sdir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div> +<div class="widewidth mr ml edir sdir adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div> +<!-- left and margin-left and margin-right auto (margin-right like 0) --> +<div class="widewidth mr ml ol"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div> +<div class="widewidth mr ml ol adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div> +<div class="widewidth mr ml ol sdir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div> +<div class="widewidth mr ml ol sdir adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div> +<div class="widewidth mr ml ol edir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div> +<div class="widewidth mr ml ol edir adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div> +<div class="widewidth mr ml ol edir sdir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div> +<div class="widewidth mr ml ol edir sdir adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div> +<!-- right and margin-left and margin-right auto (margin-left like 0) --> +<div class="widewidth mr ml or"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div> +<div class="widewidth mr ml or adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div> +<div class="widewidth mr ml or sdir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div> +<div class="widewidth mr ml or sdir adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div> +<div class="widewidth mr ml or edir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div> +<div class="widewidth mr ml or edir adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div> +<div class="widewidth mr ml or edir sdir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div> +<div class="widewidth mr ml or edir sdir adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div> +<!-- left and right and margin-left and margin-right auto (margin-left and margin-right like 0) --> +<div class="widewidth mr ml or ol"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div> +<div class="widewidth mr ml or ol adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div> +<div class="widewidth mr ml or ol sdir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div> +<div class="widewidth mr ml or ol sdir adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div> +<div class="widewidth mr ml or ol edir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div> +<div class="widewidth mr ml or ol edir adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div> +<div class="widewidth mr ml or ol edir sdir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div> +<div class="widewidth mr ml or ol edir sdir adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div> + +</body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/csswg-issues/submitted/css2.1/anonymous-boxes-001.xht b/testing/web-platform/tests/css/CSS2/csswg-issues/submitted/css2.1/anonymous-boxes-001.xht new file mode 100644 index 0000000000..1266733805 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/csswg-issues/submitted/css2.1/anonymous-boxes-001.xht @@ -0,0 +1,26 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Percent heights inside anonymous blocks</title> + <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#anonymous-block-level"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#containing-block-details"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#the-height-property"/> + <link rel="match" href="reference/ref-green-box-100x100.xht"/> + <meta name="assert" content="Anonymous block boxes are ignored when resolving + percentage values that would refer to it: the closest non-anonymous + ancestor box is used instead."/> + <style type="text/css"><![CDATA[ + #parent { height: 200px; position: relative; } + #child { float: left; height: 50%; width: 100px; background: green; position: relative } + #background { position: absolute; top: 0; left: 0; width: 100px; height: 100px; background: red } + ]]></style> + </head> + <body> + <p>There must be a green square below and no red.</p> + <div id="parent"> + <div id="background"></div> + <div id="child"></div> <div></div> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/csswg-issues/submitted/css2.1/reference/ref-green-box-100x100.xht b/testing/web-platform/tests/css/CSS2/csswg-issues/submitted/css2.1/reference/ref-green-box-100x100.xht new file mode 100644 index 0000000000..2863e2d8ee --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/csswg-issues/submitted/css2.1/reference/ref-green-box-100x100.xht @@ -0,0 +1,18 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test Reference: 100x100 Green Box</title> + <link rel="author" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact"/> + <style type="text/css"><![CDATA[ + div { + width: 100px; + height: 100px; + background: green; + } + ]]></style> + </head> + <body> + <p>There must be a green square below and no red.</p> + <div></div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/csswg-issues/submitted/css2.1/reference/ref-green-box-120x120.xht b/testing/web-platform/tests/css/CSS2/csswg-issues/submitted/css2.1/reference/ref-green-box-120x120.xht new file mode 100644 index 0000000000..9e7a997c30 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/csswg-issues/submitted/css2.1/reference/ref-green-box-120x120.xht @@ -0,0 +1,18 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test Reference: 120x120 Green Box</title> + <link rel="author" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact"/> + <style type="text/css"><![CDATA[ + div { + width: 120px; + height: 120px; + background: green; + } + ]]></style> + </head> + <body> + <p>There must be a green square below and no red.</p> + <div></div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/csswg-issues/submitted/css2.1/support/1x1-green.png b/testing/web-platform/tests/css/CSS2/csswg-issues/submitted/css2.1/support/1x1-green.png Binary files differnew file mode 100644 index 0000000000..b98ca0ba0a --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/csswg-issues/submitted/css2.1/support/1x1-green.png diff --git a/testing/web-platform/tests/css/CSS2/csswg-issues/submitted/css2.1/support/1x1-lime.png b/testing/web-platform/tests/css/CSS2/csswg-issues/submitted/css2.1/support/1x1-lime.png Binary files differnew file mode 100644 index 0000000000..cb397fb090 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/csswg-issues/submitted/css2.1/support/1x1-lime.png diff --git a/testing/web-platform/tests/css/CSS2/csswg-issues/submitted/css2.1/support/1x1-maroon.png b/testing/web-platform/tests/css/CSS2/csswg-issues/submitted/css2.1/support/1x1-maroon.png Binary files differnew file mode 100644 index 0000000000..3f86b07219 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/csswg-issues/submitted/css2.1/support/1x1-maroon.png diff --git a/testing/web-platform/tests/css/CSS2/csswg-issues/submitted/css2.1/support/1x1-navy.png b/testing/web-platform/tests/css/CSS2/csswg-issues/submitted/css2.1/support/1x1-navy.png Binary files differnew file mode 100644 index 0000000000..9b9a03955b --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/csswg-issues/submitted/css2.1/support/1x1-navy.png diff --git a/testing/web-platform/tests/css/CSS2/csswg-issues/submitted/css2.1/support/1x1-red.png b/testing/web-platform/tests/css/CSS2/csswg-issues/submitted/css2.1/support/1x1-red.png Binary files differnew file mode 100644 index 0000000000..6bd73ac101 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/csswg-issues/submitted/css2.1/support/1x1-red.png diff --git a/testing/web-platform/tests/css/CSS2/csswg-issues/submitted/css2.1/support/1x1-white.png b/testing/web-platform/tests/css/CSS2/csswg-issues/submitted/css2.1/support/1x1-white.png Binary files differnew file mode 100644 index 0000000000..dd43faec54 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/csswg-issues/submitted/css2.1/support/1x1-white.png diff --git a/testing/web-platform/tests/css/CSS2/csswg-issues/submitted/css2.1/support/a-green.css b/testing/web-platform/tests/css/CSS2/csswg-issues/submitted/css2.1/support/a-green.css new file mode 100644 index 0000000000..b0dbb071d5 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/csswg-issues/submitted/css2.1/support/a-green.css @@ -0,0 +1 @@ +.a { color: green; } diff --git a/testing/web-platform/tests/css/CSS2/csswg-issues/submitted/css2.1/support/abspos-replaced-width-margin-000-narrow.png b/testing/web-platform/tests/css/CSS2/csswg-issues/submitted/css2.1/support/abspos-replaced-width-margin-000-narrow.png Binary files differnew file mode 100644 index 0000000000..b36c5f4f99 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/csswg-issues/submitted/css2.1/support/abspos-replaced-width-margin-000-narrow.png diff --git a/testing/web-platform/tests/css/CSS2/csswg-issues/submitted/css2.1/support/abspos-replaced-width-margin-000-wide.png b/testing/web-platform/tests/css/CSS2/csswg-issues/submitted/css2.1/support/abspos-replaced-width-margin-000-wide.png Binary files differnew file mode 100644 index 0000000000..ef3fce2dce --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/csswg-issues/submitted/css2.1/support/abspos-replaced-width-margin-000-wide.png diff --git a/testing/web-platform/tests/css/CSS2/csswg-issues/submitted/css2.1/support/b-green.css b/testing/web-platform/tests/css/CSS2/csswg-issues/submitted/css2.1/support/b-green.css new file mode 100644 index 0000000000..a0473f5ca2 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/csswg-issues/submitted/css2.1/support/b-green.css @@ -0,0 +1 @@ +.b { color: green; }
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/csswg-issues/submitted/css2.1/support/c-red.css b/testing/web-platform/tests/css/CSS2/csswg-issues/submitted/css2.1/support/c-red.css new file mode 100644 index 0000000000..d4ba5c64e9 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/csswg-issues/submitted/css2.1/support/c-red.css @@ -0,0 +1 @@ +.c { color: red; }
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/csswg-issues/submitted/css2.1/support/import-green.css b/testing/web-platform/tests/css/CSS2/csswg-issues/submitted/css2.1/support/import-green.css new file mode 100644 index 0000000000..537104e663 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/csswg-issues/submitted/css2.1/support/import-green.css @@ -0,0 +1 @@ +.import { color: green; } diff --git a/testing/web-platform/tests/css/CSS2/csswg-issues/submitted/css2.1/support/import-red.css b/testing/web-platform/tests/css/CSS2/csswg-issues/submitted/css2.1/support/import-red.css new file mode 100644 index 0000000000..9945ef4711 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/csswg-issues/submitted/css2.1/support/import-red.css @@ -0,0 +1 @@ +.import { color: red; } diff --git a/testing/web-platform/tests/css/CSS2/csswg-issues/submitted/css2.1/support/square-purple.png b/testing/web-platform/tests/css/CSS2/csswg-issues/submitted/css2.1/support/square-purple.png Binary files differnew file mode 100644 index 0000000000..0f522d7872 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/csswg-issues/submitted/css2.1/support/square-purple.png diff --git a/testing/web-platform/tests/css/CSS2/csswg-issues/submitted/css2.1/support/square-teal.png b/testing/web-platform/tests/css/CSS2/csswg-issues/submitted/css2.1/support/square-teal.png Binary files differnew file mode 100644 index 0000000000..e567f51b91 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/csswg-issues/submitted/css2.1/support/square-teal.png diff --git a/testing/web-platform/tests/css/CSS2/csswg-issues/submitted/css2.1/support/square-white.png b/testing/web-platform/tests/css/CSS2/csswg-issues/submitted/css2.1/support/square-white.png Binary files differnew file mode 100644 index 0000000000..5853cbb238 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/csswg-issues/submitted/css2.1/support/square-white.png diff --git a/testing/web-platform/tests/css/CSS2/csswg-issues/submitted/css2.1/support/swatch-blue.png b/testing/web-platform/tests/css/CSS2/csswg-issues/submitted/css2.1/support/swatch-blue.png Binary files differnew file mode 100644 index 0000000000..bf2759634d --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/csswg-issues/submitted/css2.1/support/swatch-blue.png diff --git a/testing/web-platform/tests/css/CSS2/csswg-issues/submitted/css2.1/support/swatch-green.png b/testing/web-platform/tests/css/CSS2/csswg-issues/submitted/css2.1/support/swatch-green.png Binary files differnew file mode 100644 index 0000000000..0aa79b0c86 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/csswg-issues/submitted/css2.1/support/swatch-green.png diff --git a/testing/web-platform/tests/css/CSS2/csswg-issues/submitted/css2.1/support/swatch-lime.png b/testing/web-platform/tests/css/CSS2/csswg-issues/submitted/css2.1/support/swatch-lime.png Binary files differnew file mode 100644 index 0000000000..55fd7fdaed --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/csswg-issues/submitted/css2.1/support/swatch-lime.png diff --git a/testing/web-platform/tests/css/CSS2/csswg-issues/submitted/css2.1/support/swatch-orange.png b/testing/web-platform/tests/css/CSS2/csswg-issues/submitted/css2.1/support/swatch-orange.png Binary files differnew file mode 100644 index 0000000000..d3cd498b52 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/csswg-issues/submitted/css2.1/support/swatch-orange.png diff --git a/testing/web-platform/tests/css/CSS2/csswg-issues/submitted/css2.1/support/swatch-red.png b/testing/web-platform/tests/css/CSS2/csswg-issues/submitted/css2.1/support/swatch-red.png Binary files differnew file mode 100644 index 0000000000..1caf25c992 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/csswg-issues/submitted/css2.1/support/swatch-red.png diff --git a/testing/web-platform/tests/css/CSS2/csswg-issues/submitted/css2.1/support/swatch-white.png b/testing/web-platform/tests/css/CSS2/csswg-issues/submitted/css2.1/support/swatch-white.png Binary files differnew file mode 100644 index 0000000000..1a7d4323d7 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/csswg-issues/submitted/css2.1/support/swatch-white.png diff --git a/testing/web-platform/tests/css/CSS2/csswg-issues/submitted/css2.1/support/swatch-yellow.png b/testing/web-platform/tests/css/CSS2/csswg-issues/submitted/css2.1/support/swatch-yellow.png Binary files differnew file mode 100644 index 0000000000..1591aa0e2e --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/csswg-issues/submitted/css2.1/support/swatch-yellow.png |