Table Borders

[David Ross]

In my <http://www.rossde.com/inflation.html>, I have a small table
in the middle of the page. This page is composed without a
DOCTYPE statement at the beginning. The table borders appear to
my browser (Mozilla) as raised with a slight shadow to the right
and below. The borders are specified with the "border" attribute
in the <table> tag:
<table border cellpadding=2 width="100%">
and not via a style sheet.

If I add a DOCTYPE statement to the page, the borders disappear.
There are various ways to make them reappear, but I can't
replicate the appearance. I want to do this via a style sheet.
Any suggestions?
--

David E. Ross
<http://www.rossde.com/>

I use Mozilla as my Web browser because I want a browser that
complies with Web standards. See <http://www.mozilla.org/>.

[Peter Foti]

"David Ross" <no****@nowhere.not> wrote in message
news:40***************@nowhere.not...

In my <http://www.rossde.com/inflation.html>, I have a small table
in the middle of the page. This page is composed without a
DOCTYPE statement at the beginning. The table borders appear to
my browser (Mozilla) as raised with a slight shadow to the right
and below. The borders are specified with the "border" attribute
in the <table> tag:
<table border cellpadding=2 width="100%">
and not via a style sheet.

If I add a DOCTYPE statement to the page, the borders disappear.
There are various ways to make them reappear, but I can't
replicate the appearance. I want to do this via a style sheet.
Any suggestions?

Your border attribute is missing a value.
My suggestion: write valid code and use a validator.

Regards,
Peter Foti

[DU]

David Ross wrote:

In my <http://www.rossde.com/inflation.html>, I have a small table
in the middle of the page. This page is composed without a
DOCTYPE statement at the beginning.
Bad. It is in your best interests (and in you visitors' interests) to
use a doctype declaration which will trigger standards compliant
rendering mode in browers (MSIE 6, Mozilla, Opera 7) so that the
layout/rendering is/will be the most consistent across W3C web standards
compliant browsers.

The table borders appear to my browser (Mozilla) as raised with a slight shadow
that's border-style: outset if I'm not wrong

to the right and below. The borders are specified with the "border" attribute
in the <table> tag:
<table border cellpadding=2 width="100%">
and not via a style sheet.

If I add a DOCTYPE statement to the page, the borders disappear.
I am almost 100% sure there is a bugfile on this. It's about attribute
minimization: I clearly remember that there is a bug on attribute
minimization... not sure if border also mentioned/included in it. Can
you try with
<table border="2" ...>

There are various ways to make them reappear, but I can't
replicate the appearance. I want to do this via a style sheet.
Any suggestions?

Nr 1 suggestion and solution: use a doctype with strict DTD, validate
your HTML 4.01 markup code and validate your CSS markup code. Just doing
that will eliminate 99% of browser quirks assuming your webpage is not
too complex. For more complex page, such suggestion will still eliminate
80%-90% of browser quirks in recent browsers.

List of Mozilla Quirks Mode Behavior
http://www.mozilla.org/docs/web-deve...quirklist.html

List of valid DTDs you can use in your document.
http://www.w3.org/QA/2002/04/valid-dtd-list.html

Activating the Right Layout Mode Using the Doctype Declaration
http://www.hut.fi/u/hsivonen/doctype.html

Mozilla Web Author FAQ
What are the Quirks mode and the Standards mode?
http://www.mozilla.org/docs/web-developer/faq.html

W3C Quality Assurance tutorial
My Web site is standard! And yours?
http://www.w3.org/QA/2002/04/Web-Quality

DOCTYPEs that will trigger standards compliant behavior in Opera 7, IE6
for Windows, and Netscape 7
http://www.opera.com/docs/specs/doctype/

DU

[Jukka K. Korpela]

"Peter Foti" <pe***@Idontwantnostinkingemailfromyou.com> wrote:

Your border attribute is missing a value.
My suggestion: write valid code and use a validator.

Technically, <table border> is valid HTML, but it means
<table frame="border">. See the HTML spec for details.

--
Yucca, http://www.cs.tut.fi/~jkorpela/

[DU]

DU wrote:

David Ross wrote:

In my <http://www.rossde.com/inflation.html>, I have a small table
in the middle of the page. This page is composed without a
DOCTYPE statement at the beginning.

Bad. It is in your best interests (and in you visitors' interests) to
use a doctype declaration which will trigger standards compliant
rendering mode in browers (MSIE 6, Mozilla, Opera 7) so that the
layout/rendering is/will be the most consistent across W3C web standards
compliant browsers.

The table borders appear to

my browser (Mozilla) as raised with a slight shadow

that's border-style: outset if I'm not wrong

to the right

and below. The borders are specified with the "border" attribute
in the <table> tag:
<table border cellpadding=2 width="100%">
and not via a style sheet.
If I add a DOCTYPE statement to the page, the borders disappear.

I am almost 100% sure there is a bugfile on this. It's about attribute
minimization: I clearly remember that there is a bug on attribute
minimization... not sure if border also mentioned/included in it.

Got it!

Bug 46805: minimized attributes not supported
http://bugzilla.mozilla.org/show_bug.cgi?id=46805

This testcase with <table border ...> works for me while using Mozilla 1.6:
http://bugzilla.mozilla.org/attachme...68&action=view

DU
Can you try with
<table border="2" ...>

There are various ways to make them reappear, but I can't
replicate the appearance. I want to do this via a style sheet. Any
suggestions?

Nr 1 suggestion and solution: use a doctype with strict DTD, validate
your HTML 4.01 markup code and validate your CSS markup code. Just doing
that will eliminate 99% of browser quirks assuming your webpage is not
too complex. For more complex page, such suggestion will still eliminate
80%-90% of browser quirks in recent browsers.

List of Mozilla Quirks Mode Behavior
http://www.mozilla.org/docs/web-deve...quirklist.html

List of valid DTDs you can use in your document.
http://www.w3.org/QA/2002/04/valid-dtd-list.html

Activating the Right Layout Mode Using the Doctype Declaration
http://www.hut.fi/u/hsivonen/doctype.html

Mozilla Web Author FAQ
What are the Quirks mode and the Standards mode?
http://www.mozilla.org/docs/web-developer/faq.html

W3C Quality Assurance tutorial
My Web site is standard! And yours?
http://www.w3.org/QA/2002/04/Web-Quality

DOCTYPEs that will trigger standards compliant behavior in Opera 7, IE6
for Windows, and Netscape 7
http://www.opera.com/docs/specs/doctype/

DU