Comments on: IE Table Border Bug?

By: Byron

Byron — Thu, 28 May 2009 19:42:26 +0000

Slightly related…

I had a table generated using JavaScript with the tds having a thin solid border on the top only, thus giving the appearance of rows split by thin lines with properly separated data fields w/ out any rendered separation (only whitespace). When the table loads js checks to see how many rows there are, and displays only the first 5 of them, thus the other rows are still there but the css display is set to none. There is then paging buttons in place which onclick iterate through the next 5 items in the table displaying them and hiding others. What was strange was that when the paging occurred in IE7 there were residual top-borders from the tds as the rows grew and shrunk in height to accommodate the different amounts of data. When I scrolled the page however these phantom borders would vanish, but then when I scrolled back up they would re-appear. Only when I set the border-collapse to seperate, and set the cellspacing=”0″ on the table did the table behave properly ( as suggested by Philippe).

I am not sure why this occurred, but perhaps someone else out there has encountered this.

By: Cam

Cam — Thu, 13 Mar 2008 20:37:40 +0000

http://www.w3schools.com/css/t.....r-collapse

I copy code from upper link.

By: Cam

Cam — Thu, 13 Mar 2008 20:34:21 +0000

I want to get rid of “border-collapse: collapse;” but can not get it done. I am using IE6.

table.coll
{

border-spacing:0px;
border-width: 0px;
cellpadding: 0px;
cellspacing: 0px;
}
table.sep
{
border-collapse: collapse;
}

Peter
Griffin

Lois
Griffin

Peter
Griffin

Lois
Griffin

By: John taylor

John taylor — Mon, 09 Jul 2007 14:29:03 +0000

i agree, the css that Dao put works just dandy for me too.
I just did a find and replace for

By: Joe

Joe — Sat, 30 Jun 2007 15:38:05 +0000

the css td line that Dao put works. and simpler too.

By: Robert

Robert — Fri, 06 Apr 2007 02:03:59 +0000

Philippe: I think that’s the best fix… Kinda stinks you have to do that.

By: Neil

Neil — Thu, 05 Apr 2007 13:02:26 +0000

You can also work around the problem by turning off border-collapse (but I couldn’t persuade IE6 to turn off its cell padding except by using HTML).

By: Philippe

Philippe — Thu, 05 Apr 2007 13:02:23 +0000

remove the border-collapse:collapse.
use the cellspacing=”0″ attribute on the table (yes perfectly valid)

border-collapse never works correctly on iExploder.
http://dev.l-c-n.com/iExploder7/table-robert.html

By: Gary van der Merwe

Gary van der Merwe — Thu, 05 Apr 2007 08:44:19 +0000

Here is a work around (kind of sucks.)
http://garyvdm.googlepages.com.....derBug.htm

It seems like when border-collapse is collapse, the background is rendered under the right and bottom border, and the default border is 1px transparent.

My workaround is to set the offending borders to the color of the next sibling cell.

By: Dao

Dao — Thu, 05 Apr 2007 08:33:23 +0000

td { position: relative; }