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:

image

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;
}

Now It shows like:

image

So, We have achieved our goal here.

Posted on September 29, 2010, in CSS and tagged , , , , . Bookmark the permalink. Leave a Comment.

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Connecting to %s

Follow

Get every new post delivered to your Inbox.

Join 54 other followers