c5503-mrgn-b-000-ref.xht (3215B)
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 p {margin: 0em;} 13 14 .control { border: black solid medium; padding: 0;} 15 16 .control .teal { background-color: teal; } 17 18 .control .aqua { background-color: aqua; } 19 20 .control .blue { background-color: blue; } 21 22 .control .yellow { background-color: yellow; } 23 24 .control .long { width: 70px; height: 10px; background-color: orange; } 25 26 .control .short { width: 40px; height: 10px; background-color: orange; } 27 28 .control .blank { width: 100px; height: 20px; } 29 ]]> 30 </style> 31 32 </head> 33 34 <body> 35 36 <p>The two diagrams below should be identical, with no red present.</p> 37 38 <table> 39 <tr> 40 <td class="control"> 41 <div class="teal"><div class="long"></div><div class="short"></div></div> 42 <div class="aqua"><div class="long"></div><div class="short"></div></div> 43 <div class="yellow"><div class="blank"></div></div> 44 <div class="blue"><div class="long"></div><div class="short"></div></div> 45 <div class="yellow"><div class="blank"></div></div> 46 <div class="aqua"><div class="long"></div><div class="short"></div></div> 47 <div class="yellow"><div class="blank"></div></div> 48 <div class="teal"><div class="long"></div><div class="short"></div></div> 49 <div class="yellow"><div class="blank"></div></div> 50 <div class="blue"><div class="long"></div><div class="short"></div><div class="long"></div></div> 51 <div class="blue"><div class="blank"></div></div> 52 <div class="blue"><div class="short"></div></div> 53 <div class="yellow"><div class="blank"></div></div> 54 <div class="teal"><div class="long"></div><div class="short"></div></div> 55 <div class="aqua"><div class="long"></div></div> 56 <div class="teal"><div class="short"></div></div> 57 </td> 58 59 <td class="control"> 60 <div class="teal"><div class="long"></div><div class="short"></div></div> 61 <div class="aqua"><div class="long"></div><div class="short"></div></div> 62 <div class="yellow"><div class="blank"></div></div> 63 <div class="blue"><div class="long"></div><div class="short"></div></div> 64 <div class="yellow"><div class="blank"></div></div> 65 <div class="aqua"><div class="long"></div><div class="short"></div></div> 66 <div class="yellow"><div class="blank"></div></div> 67 <div class="teal"><div class="long"></div><div class="short"></div></div> 68 <div class="yellow"><div class="blank"></div></div> 69 <div class="blue"><div class="long"></div><div class="short"></div><div class="long"></div></div> 70 <div class="blue"><div class="blank"></div></div> 71 <div class="blue"><div class="short"></div></div> 72 <div class="yellow"><div class="blank"></div></div> 73 <div class="teal"><div class="long"></div><div class="short"></div></div> 74 <div class="aqua"><div class="long"></div></div> 75 <div class="teal"><div class="short"></div></div> 76 </td> 77 </tr> 78 </table> 79 80 </body> 81 </html>