BorderColor HTML table differs dramatically between browsers

Question

I have a slightly annoying problem due to which my tables seem completely different between browsers, they are set as:

<table width="100%" border="1" cellpadding="4" cellspacing="0" bordercolor="#eeeeee"> 

So left (Chrome) is correct in #eeeeee, but FF and IE just seem to do it when they go! There is nothing in my CSS, this event is vaguely close to indicating the border of the table (I even tried to remove links to my CSS files and the problem remained)

Any ideas?

Answer 1

@Darkat Studios

<table width="100%" border="1" cellpadding="4" cellspacing="0" style="border: 2px solid #eeeeee;"> - now there is a really light gray border, HOWEVER, the cells are still black outlined .. VERY weird! -

you must remove the border = "1"

Answer 2

Try this CSS

 table{ border-collapse: collapse; border: 1px solid #eee; width: 100%; } table th, table td { padding: 4px; } 

And change your HTML to just specify

 <table> 

Answer 3

Give it in CSS:

 table {border: 2px solid #eeeeee;} 

Or at least:

 table {border-style: solid;} 

Now check all browsers.

Answer 4

Yes, the implementation of the non-standard bordercolor attribute changes in different browsers. It even depends on the browser mode (Standards vs Quirks mode).

You can make the situation more consistent by setting all the border properties in the table element and its cells in CSS. Or you can style a table and its cells only in CSS.

Answer 5

Try removing '#' bordercolor = "eeeeee"