Can a table display well with Netscape, Internet Explorer, and lynx?

This was originally done late in 1997. The problems mentioned with Internet Explorer have all been resolved as of IE 4.0 except that now IE 4 and 5 display blank lines above the tables the same as Netscape does whenever </tr> is immediately preceeded or followed by <br>. Netscape 4.73 still displays blank lines above the tables in the cases indicated.

Table 1 created using:

<table border>
  <tr valign="top">
    <th>Table header</th>
    <th>One</th>
    <th>Two</th>
    <th>Three</th>
    <th>Four</th>
  </tr><br>
  <tr valign="top">
    <td><b>A</b></td>
    <td>A two-line<br>entry (A1)</td>
    <td> </td>
    <td>A3 (A2 was empty)</td>
    <td><b> </b></td>
  </tr><br>
  <tr valign="top">
    <td><b>B</b></td>
    <td>Only 1 line</td>
    <td bgcolor="#FFFF00"><br></td>
    <td>B3 (<br> in B2 & yellow background)</td>
    <td>B4</td>
  </tr><br>
  <tr valign="top">
    <td><b>C</b></td>
    <td>Only 1 line</td>
    <td> </td>
    <td>C3 (&nbsp; in C2)</td>
    <td>C4</td>
  </tr><br>
</table>




Table header One Two Three Four
A A two-line
entry (A1)
A3 (A2 was empty)
B Only 1 line
B3 (<br> in B2 & yellow background) B4
C Only 1 line   C3 (&nbsp; in C2) C4

Note that with Netscape, this method produces undesirable blank lines preceeding the table, but otherwise displays acceptably. However, with Internet Explorer, it produces a strange double border under each cell in the first column. With both browsers, "empty" cells have no border, which I find undesirable. Using a <br> tag in an "empty" cell causes it to display a border, however it also causes Netscape to display an undesired blank line below the text in that row of cells. Using &nbsp; in an "empty" cell seems to display a border without producing any undesirable side effect. It displays OK with lynx except for the "empty" cells with <br>, which cause an undesired line break.


Table 2 created using:

<table border>
  <tr valign="top">
    <th>Table header</th>
    <th>One</th>
    <th>Two</th>
    <th>Three</th>
    <th>Four</th>
  </tr><div></div>
  <tr valign="top">
    <td><b>A</b></td>
    <td>A two-line<br>entry (A1)</td>
    <td> </td>
    <td>A3 (A2 was empty)</td>
    <td><b> </b></td>
  </tr><div></div>
  <tr valign="top">
    <td><b>B</b></td>
    <td>Only 1 line</td>
    <td><div></div></td>
    <td>B3 (<div></div> in B2)</td>
    <td>B4</td>
  </tr><div></div>
  <tr valign="top">
    <td><b>C</b></td>
    <td>Only 1 line</td>
    <td> </td>
    <td>C3 (&nbsp; in C2)</td>
    <td>C4</td>
  </tr><div></div>
</table>
Table header One Two Three Four
A A two-line
entry (A1)
A3 (A2 was empty)
B Only 1 line
B3 (<div></div> in B2) B4
C Only 1 line   C3 (&nbsp; in C2) C4

Note that with Netscape, this method displays correctly, except for the lack of a border between A2 and B2. However, with Internet Explorer, it produces a strange double border under each cell in the first column, just the same as when following the </tr> with <br>. This does not display well with lynx.


Table 3 created using:

<table border>
  <tr valign="top">
    <th>Table header</th>
    <th>One</th>
    <th>Two</th>
    <th>Three</th>
    <th>Four<br></th>
  </tr>
  <tr valign="top">
    <td><b>A</b></td>
    <td>A two-line<br>entry (A1)</td>
    <td> </td>
    <td>A3 (A2 was empty)</td>
    <td><b> </b><br></td>
  </tr>
  <tr valign="top">
    <td><b>B</b></td>
    <td>Only 1 line</td>
    <td><br></td>
    <td>B3 (<br> in B2)</td>
    <td>B4<br></td>
  </tr>
  <tr valign="top">
    <td><b>C</b></td>
    <td>Only 1 line</td>
    <td> </td>
    <td>C3 (&nbsp; in C2)</td>
    <td>C4<br></td>
  </tr>
</table>
Table header One Two Three Four
A A two-line
entry (A1)
A3 (A2 was empty)
B Only 1 line
B3 (<br> in B2) B4
C Only 1 line   C3 (&nbsp; in C2) C4

Note that with Netscape, this method produces an undesirable blank line below the line, but otherwise displays acceptably. With Internet Explorer, it displays correctly (well,at least the way I want it to). It displays OK with lynx except for the "empty" cells with <br>, which produce an undesired line break.


Table 4 created using:

<table border>
  <tr valign="top">
    <th>Table header</th>
    <th>One</th>
    <th>Two</th>
    <th>Three</th>
    <th>Four</th><br>
  </tr>
  <tr valign="top">
    <td><b>A</b></td>
    <td>A two-line<br>entry (A1)</td>
    <td> </td>
    <td>A3 (A2 was empty)</td>
    <td><b> </b></td><br>
  </tr>
  <tr valign="top">
    <td><b>B</b></td>
    <td>Only 1 line</td>
    <td><br></td>
    <td>B3 (<br> in B2)</td>
    <td>B4</td><br>
  </tr>
  <tr valign="top">
    <td><b>C</b></td>
    <td>Only 1 line</td>
    <td> </td>
    <td>C3 (&nbsp; in C2)</td>
    <td>C4</td><br>
  </tr>
</table>




Table header One Two Three Four
A A two-line
entry (A1)
A3 (A2 was empty)
B Only 1 line
B3 (<br> in B2) B4
C Only 1 line   C3 (&nbsp; in C2) C4

Note that with Netscape, this method produces undesirable blank lines preceeding the table, but otherwise displays acceptably. However, with Internet Explorer, it produces a strange double border at the right of each cell in the last column. It displays OK with lynx except for the "empty" cells with <br>, which produce an undesirable line break.


Table 5 created using:

<table border>
  <tr valign="top">
    <th>Table header</th>
    <th>One</th>
    <th>Two</th>
    <th>Three</th>
    <th>Four</th>
  </tr><p>
  <tr valign="top">
    <td><b>A</b></td>
    <td>A two-line<br>entry (A1)</td>
    <td> </td>
    <td>A3 (A2 was empty)</td>
    <td><b> </b></td>
  </tr><p>
  <tr valign="top">
    <td><b>B</b></td>
    <td>Only 1 line</td>
    <td> </td>
    <td>B3 (&nbsp; in B2)</td>
    <td>B4</td>
  </tr><p>
  <tr valign="top">
    <td><b>C</b></td>
    <td>Only 1 line</td>
    <td> </td>
    <td>C3 (&nbsp; in C2)</td>
    <td>C4</td>
  </tr><p>
</table>

Table header One Two Three Four
A A two-line
entry (A1)
A3 (A2 was empty)  
B Only 1 line   B3 (&nbsp; in B2) B4
C Only 1 line   C3 (&nbsp; in C2) C4

This appears to be the winner! With both Netscape & Internet Explorer, this displays acceptably. With both browsers, "empty" cells have no border, which I find undesirable. Using &nbsp; in an "empty" cell displays a border without producing any undesirable side effect.