By using this site, you agree to our updated Privacy Policy and our Terms of Use. Manage your Cookies Settings.
437,677 Members | 1,807 Online
Bytes IT Community
+ Ask a Question
Need help? Post your question and get tips & solutions from a community of 437,677 IT Pros & Developers. It's quick & easy.

Table Borders

P: n/a
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/>.
Jul 20 '05 #1
Share this Question
Share on Google+
4 Replies


P: n/a
"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
Jul 20 '05 #2

P: n/a
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
Jul 20 '05 #3

P: n/a
"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/
Jul 20 '05 #4

P: n/a
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

Jul 20 '05 #5

This discussion thread is closed

Replies have been disabled for this discussion.