No table padding on IE for PC

A small difference in the way IE and other browsers interpret table attributes:

Browsers other than IE will show padding if it is applied to the table tag.

table {
padding:6px;
}

IE does not recognize table padding, and will show contained elements as flush with the edges of the table.

For example:

This is the way Safari 2.0 renders the code below. Note the 6 pixel white padding area between the edge of the table and the edge of the tr.

Continue reading

Firefox more sensitive to malformed comment tags

Firefox is much stricter in parsing comment tags than Safari or IE.
Comments should have 2 hyphens after the exclamation point, no more, no less, and there should be no hyphens within the body of the comment.

So:
<!--
is OK, but
<!----
is not, particularly in Firefox.

Example 1 shows a table surrounded by a properly formed comment tag.
Example 2 shows the same table surrounded by a tag with too many hyphens – the table and all code between comment tags disappears – in Firefox.

Continue reading