wine/gecko
0
0
Fork 0
mirror of https://gitlab.winehq.org/wine/wine-gecko.git synced 2024-09-13 09:24:08 -07:00
Code Issues Packages Projects Releases Wiki Activity
9294488b2f
gecko/layout/reftests/box-properties/abspos-replaced-width-offset-margin-ref.html

605 lines
30 KiB
HTML
Raw Normal View History

Thorough reftests for CSS2 10.3.7 and 10.3.8 that I wrote for bug 403328.
2008-02-22 12:52:06 -08:00
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html401/strict.dtd">
<html>
<head>
<title>Test, CSS 2.1, section 10.3.8</title>
<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>
Fix implementation of rules for auto margins on absolutely positioned elements; honor auto margins when only one margin is auto, even when the auto margin gets a negative value. (Bug 419100) r=roc Needed to help CSS 2.1 meet Proposed Recommendation entrance criteria.
2011-03-03 13:18:42 -08:00
<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>
Thorough reftests for CSS2 10.3.7 and 10.3.8 that I wrote for bug 403328.
2008-02-22 12:52:06 -08:00
<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>
Fix implementation of rules for auto margins on absolutely positioned elements; honor auto margins when only one margin is auto, even when the auto margin gets a negative value. (Bug 419100) r=roc Needed to help CSS 2.1 meet Proposed Recommendation entrance criteria.
2011-03-03 13:18:42 -08:00
<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>
Thorough reftests for CSS2 10.3.7 and 10.3.8 that I wrote for bug 403328.
2008-02-22 12:52:06 -08:00
<!-- 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>
Fix implementation of rules for auto margins on absolutely positioned elements; honor auto margins when only one margin is auto, even when the auto margin gets a negative value. (Bug 419100) r=roc Needed to help CSS 2.1 meet Proposed Recommendation entrance criteria.
2011-03-03 13:18:42 -08:00
<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>
Thorough reftests for CSS2 10.3.7 and 10.3.8 that I wrote for bug 403328.
2008-02-22 12:52:06 -08:00
<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>
Fix implementation of rules for auto margins on absolutely positioned elements; honor auto margins when only one margin is auto, even when the auto margin gets a negative value. (Bug 419100) r=roc Needed to help CSS 2.1 meet Proposed Recommendation entrance criteria.
2011-03-03 13:18:42 -08:00
<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>
Thorough reftests for CSS2 10.3.7 and 10.3.8 that I wrote for bug 403328.
2008-02-22 12:52:06 -08:00
<!-- 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>
Reference in New Issue Copy Permalink