borders pushing table width? How to fix?

[gwillr]

http://www.robarspages.ca/devroot/linksite/index.asp

Look at the second link table, with the thin blue border. Does anyone know how to fix the left border from being 1 pixel too wide?



Gary

http://www.robarspages.ca

 

[gwillr]

forgot to mention that it happens ONLY in mozilla. Looks fine
in IE.

Gary

http://www.robarspages.ca

 

[BillyRayPreachersSon]

Just a tip for the future - if you only specify the widths of your cells in one row (rather than all rows) - it is:

a) A lot easier for you (and others) to debug, and
b) A lot easier for you to change the cell widths across the whole table without having to edit every single cell.

Hope this helps,
Dan

 

[gwillr]

Thanks for the advice, makes good sense. I have played around with the cell widths,(tried making them a pixel smaller in one column) but it has not solved the issuse. Again, its fine in IE, but not in firefox


Gary

http://www.robarspages.ca

 

[BillyRayPreachersSon]

tried making them a pixel smaller in one column

You do realise that currently your column widths are in percentages, not pixels?

To convert to pixels, remove the "%" sign after the values (this is where my earlier advice comes in - you'll have to change every single row to do this at the moment!)

Dan

 

[cLFlaVA]

gwillr-

Also, it is extremely important that your css is valid. Since you have a complete doctype (yay!), and your HTML is xhtml 1.0 transitional valid, you should also make sure your css is valid.

Here's a link to what's wrong: css

*cLFlaVA
----------------------------
"Holy crip he's a crapple!

 

[gwillr]

Thanks for the advice guys

I have fixed the css, and have made the changes to pixels as well, and only specified the sizin one spot for easier changing.

tried tinkering with the cell widths but all that did was chnage the right border. had no effect on the left one, which is giving problems in mozilla.




Gary

http://www.robarspages.ca

 

[BillyRayPreachersSon]

You cannot use "px" in HTML - it's CSS only, AFAIK. You only needed to remove the "%" sign.

 

[gwillr]

Thanks again for the pointers. Have done as suggested, that is, moving most of the style to the css, but still no avail.

Here is the css that is used in that part of the page:

.linktable {width: 862px; border-collapse: collapse;}
.tdclear {border-collapse: collapse; border-left: 1px solid #282484; border-right-width: 1; border-top-width: 1; border-bottom-width: 1;}
.tdright {border-collapse: collapse; border-left: 1; border-right: 1px solid #282484; border-top-width: 1; border-bottom-width: 1;}

that blasted left border in mozilla still wont line up. I have researched all of the css border property information that i could find, but still can not figure it out.

any more suggestions would be both welcomed and appreciated.

Gary

http://www.robarspages.ca