Table Cell border showing broken in IE 7
When you apply css in table TD the border seems broken for cells where there is no data/empty, you bind the data as null.
I used a repeater to show, and it shows like below:
After some goggling i found there is a fix and it actually works:
When to do that apply border-collapse for the TABLE style and use "empty-cell: show" for the TD style.
.Table { width: 100%; border-collapse: collapse; }
.TableRow td { empty-cells: show; text-align: left; border-bottom: 1px solid black; }
So, We have achieved our goal here.
Posted on September 29, 2010, in CSS and tagged Cell boder, Css, CSS problem in IE, Problem with Table border, Table cell border in IE. Bookmark the permalink. Leave a Comment.
Leave a Comment
Comments (0)