fixed-table-layout-005-ref.html (1417B)
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 Test: Leftover table height is divided evenly among auto-sized columns</title> 5 <link rel="author" title="Microsoft" href="http://www.microsoft.com/"> 6 <link rel="author" title="Adapted for vertical layout by Simon Montagu" href="http:/mozilla.org/"> 7 <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#fixed-table-layout"> 8 <meta name="flags" content=""> 9 <meta name="assert" content="Any remaining vertical table space is divided evenly among columns which do not have specified heights."> 10 <style type="text/css"> 11 div.test { writing-mode: vertical-lr; } 12 #div1 13 { 14 width: 100px; 15 height: 300px; 16 } 17 #div1 > div 18 { 19 float: left; 20 } 21 .px50 22 { 23 height: 50px; 24 } 25 #px100 26 { 27 height: 100px; 28 } 29 </style> 30 </head> 31 <body> 32 <div class="test"> 33 <div id="div1"> 34 <div class="px50">1</div> 35 <div class="px50">2</div> 36 <div id="px100">3</div> 37 <div class="px50">4</div> 38 <div class="px50">5</div> 39 </div> 40 </div> 41 </body> 42 </html>