495385-2i.html (893B)
1 <!DOCTYPE HTML> 2 <html> 3 <head> 4 <!-- Test that setting a block element to display:none can create frames 5 for text around it --> 6 <style> 7 body > div { border:1px solid black; margin:1em; 8 font-family:sans-serif; letter-spacing:2px; } 9 </style> 10 <script> 11 function hide(id) { 12 var e = document.getElementById(id); 13 e.style.display = 'none'; 14 } 15 function loaded() { 16 document.body.offsetHeight; 17 hide("d1"); 18 hide("d2"); 19 hide("d3"); 20 hide("d4"); 21 } 22 </script> 23 </head> 24 <body onload="loaded()"> 25 <div><span>Hello</span><div id="d1">X</div> <span>Kitty</span></div> 26 <div><span>Hello</span> <div id="d2">X</div><span>Kitty</span></div> 27 <!-- we'll create frames here, but they won't make a difference to the rendering --> 28 <div><div id="d3">X</div> <span>Hello</span> <span>Kitty</span></div> 29 <div><span>Hello</span> <span>Kitty</span><div id="d4">X</div></div> 30 </body> 31 </html>