fixed-table-layout-004-ref.html (1127B)
1 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> 2 <html> 3 <head> 4 <title>CSS Reftest Reference</title> 5 <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> 6 <link rel="author" title="Adapted for vertical layout by Simon Montagu" href="http:/mozilla.org/"> 7 <style type="text/css"> 8 .test { writing-mode: vertical-lr; } 9 div.stripe 10 { 11 width: 20px; 12 height: 100px; 13 } 14 div#blue-stripe {background-color: blue;} 15 div#reference {background-color: black;} 16 div.middle { width: 20px; height: 50px; } 17 div.bottom { background-color: orange; float: right; } 18 div.top { background-color: silver; float: left; } 19 </style> 20 </head> 21 <body> 22 <p>Test passes if the blue and black bars are the same height 23 and the gray and orange boxes are half of that height.</p> 24 <div class="test"> 25 <div class="stripe" id="reference"></div> 26 <div class="stripe"> 27 <div class="middle top"></div> 28 <div class="middle bottom"></div> 29 </div> 30 <div class="stripe" id="blue-stripe"></div> 31 </div> 32 </body> 33 </html>