| OLD | NEW |
| (Empty) |
| 1 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/st
rict.dtd"> | |
| 2 <html> | |
| 3 <head> | |
| 4 <title>CSS Test: Inheriting 'top' changes from parent table-row through anonym
ous table boxes</title> | |
| 5 <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"> | |
| 6 <link rel="reviewer" title="Elika J. Etemad" href="http://fantasai.inkedblade.
net/contact"> | |
| 7 <link rel="help" href="http://www.w3.org/TR/CSS21/cascade.html#value-def-inher
it"> | |
| 8 <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#position-props"
> | |
| 9 <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-positio
n"> | |
| 10 <meta name="flags" content="dom"> | |
| 11 <meta name="assert" content="The position of a positioned element which inheri
ts its 'top' value from its parent changes when the parent's 'top' value is chan
ged even if the parent is display:table-row."> | |
| 12 <style type="text/css"> | |
| 13 .testDiv { width: 100px; height: 100px; } | |
| 14 #green { top: 4em; background: green; position: absolute; } | |
| 15 #red { top: inherit; background: red; position: relative; } | |
| 16 #parent { position: absolute; top: 2em; } | |
| 17 #intermediate { display: table-row; } | |
| 18 </style> | |
| 19 <script type="text/javascript"> | |
| 20 window.onload = function() { | |
| 21 document.body.offsetWidth; | |
| 22 document.getElementById("intermediate").style.top = "2em"; | |
| 23 } | |
| 24 </script> | |
| 25 </head> | |
| 26 <body> | |
| 27 <p>There should be no red.</p> | |
| 28 <div id="parent"> | |
| 29 <div id="intermediate"> | |
| 30 <div id="red" class="testDiv"></div> | |
| 31 </div> | |
| 32 </div> | |
| 33 <div id="green" class="testDiv"></div> | |
| 34 </body> | |
| 35 </html> | |
| OLD | NEW |