Rounded edge table problems

benjy posted this at 10:14 — 6th June 2009.

Joined: Jun 2009

Hi all.
Have a bug that needs fixing for a rounded edge table.
I coded just the table on a blank html page, and it works perfectly. have uploaded it here (css code included):
Working version in all browsers.

However, when I place the code into my existing site, I get an overlap at the top and bottom of table on Firefox and Opera (still looks fine on IE7).
Uploaded here (css code included):Error version.

I have already tried removing all padding from cells, but still have the same problem.

I have stripped both the html and css down to the bare essentials.

Hopefully, someone will have the knowledge to fix this bug.

Looking forward to your responses.

Kiss Computing

greg posted this at 11:18 — 6th June 2009.

He has: 1,581 posts

Joined: Nov 2005

There are slight differences in the code from one to the other.

body class and doc type for two.
Doctype is html transitional in one and the other is XHTML strict.

While that "might" not be the issue, I wonder what other differences in code you have?

benjy posted this at 12:48 — 6th June 2009.

They have: 32 posts

Joined: Jun 2009

Thankyou very much. Problem is the doctype!
Talk about not seeing the wood for the trees..

Next question is:
Why do you think that is? Could it be the empty table cells used?

Thanks again.

Kiss Computing