Advertisement
BakerMan

Test Table Layout (Compare IE9 to Chrome)

Jun 19th, 2012
108
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 5 0.88 KB | None | 0 0
  1. <!DOCTYPE HTML>
  2. <html>
  3. <head>
  4.     <meta charset="UTF-8">
  5.     <title>Table Formatting Test</title>
  6.     <style>
  7.         td { border: 1px solid #A0A0A0; padding: 5px 10px; }
  8.     </style>
  9. </head>
  10. <body>
  11.     <table>
  12.         <tr>
  13.             <td rowspan="3">
  14.                 <p>This is going to make for a very long table cell. However, the table cell is set
  15.                     to span 3 rows.</p>
  16.                 <ul>
  17.                     <li>To pad things out lets create this list</li>
  18.                     <li>Nothing interesting listed here</li>
  19.                     <li>Pens and good paper makes for easy writing</li>
  20.                     <li>Dogs can be annoying at times</li>
  21.                 </ul>
  22.                 <p>What will be interesting is whether or not this forces the adjacent cells on the
  23.                     right to fully format, vertically, on Internet Explorer 9.</p>
  24.             </td>
  25.             <td>10</td>
  26.             <td>20</td>
  27.         </tr>
  28.         <tr>
  29.             <td>30</td>
  30.             <td>40</td>
  31.         </tr>
  32.         <tr>
  33.             <td>50</td>
  34.             <td>60</td>
  35.         </tr>
  36.     </table>
  37. </body>
  38. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement