tables and colors

how NN and IE handle table coloring

page 1 of 5

page 1
• basic four cell table
• adding a border
page 2
• adding a background color
• adding a border color
page 3
• nesting the table
• setting the width
page 4
• increasing the width
• coloring each cell
page 5
• making an empty cell
• forcing the cell open
• forcing open the cell with a space
• useful links

basic four cell table

Below is a table using only default values. The table has four cells, two to a row.

<table>
<tr>
<td>cell1</td><td>cell2</td></tr>
<tr>
<td>cell3</td><td>cell4</td></tr>
</table>

we see in NN4.7:	we see in IE5.0:

Let's look at the two tables. Almost indistinguishable. Nothing shocking at all. Let's add a border of size 1.

adding a border

Below is the code for the same table with a border of size 1.

<table border=1>
<tr>
<td>cell1</td><td>cell2</td></tr>
<tr>
<td>cell3</td><td>cell4</td></tr>
</table>

we see in NN4.7:	we see in IE5.0:

Both tables almost look the same. There is some difference with the fonts, though. BORDER is a little misleading as an attribute. One would think that only the border around the table is addressed, and not the borders around the cells.