layout/reftests/margin-collapsing/block-float-3b-dyn.html

Fri, 16 Jan 2015 18:13:44 +0100

author
Michael Schloh von Bennewitz <michael@schloh.com>
date
Fri, 16 Jan 2015 18:13:44 +0100
branch
TOR_BUG_9701
changeset 14
925c144e1f1f
permissions
-rw-r--r--

Integrate suggestion from review to improve consistency with existing code.

michael@0 1 <!DOCTYPE html>
michael@0 2 <html class="reftest-wait">
michael@0 3 <head>
michael@0 4 <style type="text/css">
michael@0 5 #container {
michael@0 6 width: 110px;
michael@0 7 margin-left: auto;
michael@0 8 }
michael@0 9 #float1, #float2 {
michael@0 10 width: 100px;
michael@0 11 height: 20px;
michael@0 12 background-color: green;
michael@0 13 }
michael@0 14 #float1 {
michael@0 15 float: right;
michael@0 16 margin-bottom: 20px;
michael@0 17 }
michael@0 18 #float2 {
michael@0 19 margin-top: 10px;
michael@0 20 }
michael@0 21 </style>
michael@0 22 <script type="text/javascript">
michael@0 23 function test() {
michael@0 24 document.getElementById('float2').style.cssFloat = 'right';
michael@0 25 document.documentElement.removeAttribute('class');
michael@0 26 }
michael@0 27 document.addEventListener('MozReftestInvalidate', test, false);
michael@0 28 </script>
michael@0 29 </head>
michael@0 30 <body>
michael@0 31 <div id="container">
michael@0 32 <div id="float1"></div>
michael@0 33 <div id="float2"></div>
michael@0 34 </div>
michael@0 35 </body>
michael@0 36 </html>

mercurial