things NN won't do

when NN fails to respond intuitively

page 2 of 8

page 1
• margins and headers
• margins and headers with width
page 2
• setting div margins in a table cell
• setting div width in a table cell
• adding a border
page 3
• setting color of text in tables
• name anchor references
page 4
• closing table tag
• span tag
• negative margins
page 5
• broken images and alt text
• the title attribute
page 6
• the height attribute
page 7
• the pseudo classes
page 8
• iframes

setting div margins in a table cell

Let's create a simple table. In the first two cells, let's put a graphic two hundred pixels wide. The table will be a total of four hundred pixels wide. We'll color the background yellow and add some simple text in the next two cells.

<table width=400 bgcolor=yellow cellpadding=0 cellspacing=0 border=1>
<tr align=center valign=center>
<td width=100><img src="ruler.gif"></td><td width=100><img src="ruler.gif"></td>
</tr>
<tr align=center valign=center>
<td>some text</td><td>some text</td>
</tr>
</table>

we see in IE5.0:

The representations are similar in NN4.7 and IE5.0 for this simple table.

Now let's create a DIV with margins left and right set to 30 pixel. We will color the background of the DIV white.

div style="margin-left:30px;margin-right:30px;background:white;"

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

NN4.7 will not respond intuitively the DIV, but it is responding to the code. The text has shifted over a bit in the cell. NN4.7 seems to be adjusting the text to the table row alignment vis-a-vis the margin settings.

setting div width in a table cell

Let's set the WIDTH property of the DIV element, and forget about setting margins. Let's set the width to 70 pixels.

div style="width:70px;background:white;"

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

NN4.7 will not display the coloring background at all. The text continues to be aligned by the table's row alignment values. IE5.0 colors the background of the DIV. The DIV has a WIDTH, and is being aligned by the row alignment values.

Using the P element with WIDTH or MARGIN properties doesn't work with NN4.7 either. NN4.7 will respond to the WIDTH of the P element, but will not color behind the text.

adding a border

Let's try adding a BORDER value to the style. The code is below.

div style="border-width:1px;width:70px;background:white;

We get no change in IE5.0. However, NN4.7 begins to respond to our coloring attempts.

we see in NN4.7: