block-formatting-contexts-003-ref.xht (1381B)
1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 2 3 <html xmlns="http://www.w3.org/1999/xhtml"> 4 5 <head> 6 7 <title>CSS Reftest Reference</title> 8 9 <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> 10 11 <style type="text/css"><![CDATA[ 12 table 13 { 14 border-collapse: collapse; 15 width: 100%; 16 } 17 18 tbody 19 { 20 border-bottom: black solid 1px; 21 border-top: black solid 1px; 22 } 23 24 thead {border-bottom: black solid 1px;} 25 /* 26 Necessary otherwise ( 0 + 1 ) divided by 2 may give unpredictable 27 measurements affecting vertical alignment 28 */ 29 30 tfoot {border-top: black solid 1px;} 31 /* 32 Necessary otherwise ( 0 + 1 ) divided by 2 may give unpredictable 33 measurements affecting vertical alignment 34 */ 35 36 /* 37 " 38 User agents must find a consistent rule for rounding off in the 39 case of an odd number of discrete units (screen pixels, printer dots). 40 " 41 http://www.w3.org/TR/CSS21/tables.html#collapsing-borders 42 */ 43 44 td {padding: 0px;} 45 ]]></style> 46 47 </head> 48 49 <body> 50 51 <p>Test passes if there are 3 lines of "Filler Text" separated by 2 thin black lines.</p> 52 53 <table> 54 <thead> <tr><td>Filler Text</td></tr> </thead> 55 <tfoot> <tr><td>Filler Text</td></tr> </tfoot> 56 <tbody> <tr><td>Filler Text</td></tr> </tbody> 57 </table> 58 59 </body> 60 </html>