third_party/WebKit/LayoutTests/tables/mozilla/bugs/bug2479-3.html

   1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN">
   2 <HTML lang="en">
   3
   4 <HEAD>
   5   <META name="author" content="Ian Hickson">
   6   <META name="copyright" content="&copy; copyright 1999 Ian Hickson">
   7   <META http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
   8   <META http-equiv="Content-Style-Type" content="text/css">
   9   <TITLE>Evil Tests: Generic Table Tests 1</TITLE>
  10
  11   <STYLE TYPE="text/css">
  12
  13     .table { display: table; border: none; }
  14     .cell { display: table-cell; border: none; }
  15     .row { display: table-row; border: none; }
  16
  17     .full { width: 100%; }
  18     .indented { margin-left: 5em; margin-right: 5em; }
  19     .outdented { margin-left: -5em; margin-right: -5em; }
  20
  21     .gray { background: silver; color: black; }
  22
  23     .left { text-align: left; }
  24     .right { text-align: right; }
  25
  26     .hide.this { display: none; } .note { border: double thick red;
  27     padding: 0.5em; }
  28
  29   </STYLE>
  30
  31 </HEAD>
  32
  33 <BODY>
  34
  35 <H1>Generic Table Tests - 1</H1>
  36
  37 <p>If you have any comments to make regarding this test, e-mail <a
  38 href="mailto:py8ieh=eviltests-table@bath.ac.uk">py8ieh=eviltests@bath.ac.uk</a>.</p>
  39
  40 <dl>
  41  <dt>Prerequisites</dt>
  42  <dd>Browsers that are subjected to this test should support CSS1 and the CSS2 table model, and multiple classes.</dd>
  43 </dl>
  44
  45 <P class=note>If this paragraph breaks the line here: <SPAN
  46 class=table>and here:</SPAN> then your browser <em>does support</em>
  47 table values on 'display'. <strong>If this paragraphs flows without
  48 any undue breaks, then you should mark your browser as not supporting
  49 table values!</strong></P>
  50
  51
  52 <!--
  53 <P class="hide this">Multiple classes are not supported in this browser!</P>
  54 <P><em>Every</em> example on this entire page should look the same.</P>
  55 -->
  56
  57 <h2>1. Table -&gt; Table Cell</h2>
  58
  59 <P>Below there should be a gray bar, spanning the width of the BODY,
  60 with the text "Left" to the left and the text "Right", on the same
  61 line, flush to the right.</P>
  62
  63    <DIV class="full gray table">
  64       <DIV class="left cell">Left</DIV>
  65       <DIV class="right cell">Right</DIV>
  66    </DIV>
  67
  68
  69 <!-- INVALID TESTS
  70 <h2>2. Auto Width</h2>
  71
  72 <p><strong>David, this test and the next one are those for which
  73 NGLayout is not following Section 10.</strong></p>
  74
  75 <P>Below there should be the same gray bar as in test 1.</P>
  76
  77    <DIV class="gray table">
  78       <DIV class="left cell">Left</DIV>
  79       <DIV class="right cell">Right</DIV>
  80    </DIV>
  81
  82 <P>This is because since the table has <code>width:auto</code> (which
  83 is implied) and the margins are also <code>auto</code> (which is also
  84 implied), and the padding is zero (more implication...), the margins
  85 should be set to 0, and the width should be set to the containing
  86 block's content width (the BODY's width). This is exactly the same as
  87 setting <code>width</code> to 100% as is done in the first test.</P>
  88
  89 <h2>3. Negative Margins</h2>
  90
  91 <P>Below there should be the same gray bar as in test 1. Again.</P>
  92
  93    <DIV class="indented">
  94       <DIV class="outdented gray table">
  95          <DIV class="left cell">Left</DIV>
  96          <DIV class="right cell">Right</DIV>
  97       </DIV>
  98    </DIV>
  99
 100
 101 <h2>4. Table Row -> Table Cell</h2>
 102
 103 <P><strong>NGLayout is simply not doing anything with the table
 104 elements here!</strong></P>
 105
 106 <P>This example should, once more, be exactly the same as the gray bar
 107 in test 1.</P>
 108
 109    <DIV class="gray row">
 110       <DIV class="left cell">Left</DIV>
 111       <DIV class="right cell">Right</DIV>
 112    </DIV>
 113
 114
 115 <h2>4. Lone Cells</h2>
 116
 117 <P>Guess what! This example should look the same as that in part 1 of
 118 this page!</P>
 119
 120    <DIV class="gray cell on left">Left</DIV>
 121    <DIV class="gray cell on right">Right</DIV>
 122
 123
 124 <h2>4. Table Row -> Non Tabular Content & Cells</h2>
 125
 126 <P>This should, once more, look the same as the first example...</P>
 127
 128    <DIV class="gray table">
 129       <DIV class="left">Left</DIV>
 130       <DIV class="right cell">Right</DIV>
 131    </DIV>
 132
 133 -->
 134
 135
 136 <h2>Submit Results</h2>
 137
 138     <FORM action="/%7Epy8ieh/cgi/newresult.pl" method="POST" class="resultsubmission">
 139       <P>How does your browser fare on this test?
 140         <SELECT NAME="result">
 141            <OPTION VALUE="Y"> The test renders correctly. </OPTION>
 142            <OPTION VALUE="B"> The test renders incorrectly. </OPTION>
 143            <OPTION VALUE="N"> Table values for 'display' not supported. </OPTION>
 144 <!--           <OPTION VALUE="U"> Untestable: Multiple classes not supported. </OPTION>-->
 145            <OPTION VALUE="U"> Untestable: CSS not supported. </OPTION>
 146         </SELECT>
 147         <LABEL>Comment: <INPUT TYPE="text" NAME="comment"></LABEL>
 148         <INPUT TYPE="submit" VALUE="Submit">
 149       </P>
 150     </FORM>
 151
 152
 153 <HR title="Footer">
 154 <p>Up to the <a href="home.html">Table Tests</A>.</p>
 155 <p>Up to the <a href="../home.html">Evil Tests Page</A>.</p>
 156 <!--<P>Bugzilla: <a href="http://bugzilla.mozilla.org/show_bug.cgi?id=1959">Bug 1959</A></P>-->
 157 <p>This page is maintained by <a class=External HREF="http://www.bath.ac.uk/%7Epy8ieh/">Ian Hickson</A> (<a class=Mail HREF="mailto:py8ieh=website@bath.ac.uk">py8ieh@bath.ac.uk</A>).</p>
 158 <p>Last updated in March 1999.</p>
 159
 160 </BODY></HTML>
 161