things NN won't do

when NN fails to respond intuitively

page 1 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

margins and headers

Let's color behind a header element and move it to the right margin by setting the MARGIN-LEFT property.

<h2 style="background:red;margin-left:2.5in;">
    here is some text
</h2>

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

The representations are familiar. We know that IE5.0 will color all the way to the right margin, and NN4.7 will only color directly behind the text of the header element.

margins and headers with width

Let's set the WIDTH property so that we can try to get IE5.0 to approach NN's rendering.

<h2 style="background:red;width:3.0in;
	margin-left:2.5in;">
here is some text
</h2>

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

NN4.7 has found a limit to the distance it will move header text over to the right when a WIDTH property is used. NN4.7 wraps the text because the width of the header element has been shortened by NN4.7.

We already know that NN4.7 will not properly display the header element if we apply a BORDER-WIDTH property to the style. See Coloring Text Backgrounds: Boxing a Header.