Использование клеточного пространства и бордюр-коллапс: коллапс режет границы ячеек

Question

Привет, я только что добавил пробел, чтобы получить пространство между ячейками, но это обрезало границу ячейки с левой стороны.

Это происходит из-за использования border-collapse: collapse для всех таблиц, но я прочитал в сети, что это стандартизировать для кроссбраузерности.

Если это правда.

Должен ли я сохранять границу коллапса: коллапс для всех таблиц? если так, что для этого есть.

К сожалению.

Я использую IE7, но это должен быть кросс-браузер.

Пример CSS

/*Universal selector:
This rule set will be applied to every element in a document:*/
*
{
margin:auto;
padding:auto;
/*text-align:center;*/
}

/*The folowing rule will help to minimaze the differences between browesers*/
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th {font-size:1em; font-weight:normal; font-style:normal;}
ul,ol {list-style:none;}
img {border:none;}
caption,th {text-align:left;}
table {border-collapse:collapse ;border-spacing:0;font-size:1em; font-weight:normal; font-style:normal; font-family:Times New Roman;}


.divTitle{
    margin:10px;
}
}
.title
 {
font-weight:bold;
color:#0076BF;
font-size:1.4em;
font-family:Times New Roman;    
}

.divContainer
{   
margin:10px;

background-color:#C7D8EE;
border:2px solid #0076BF;
text-align:left;    
}

.tableContainer1
{
color:#0076BF;
margin:10px;
border-spacing: 15px;
empty-cells:show;

}   

.tableContainer1 tbody tr td
{
background-color:white;
border:2px solid #0076BF;
border-collapse:separate;

}

Answer 1

border-collapse означает удалить все расстояния между ячейками. Если вы хотите клеточное пространство, вы можете использовать свойство border-spacing css. Он не работает в IE7 и ниже, но все другие браузеры будут игнорировать атрибут cellspacing, если присутствует border-spacing, поэтому вы можете использовать оба, чтобы он работал во всех браузерах.

Не используйте border-collapse:collapse;, если вы хотите получить пробел ...