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

Question

Синее поле, где я поставил свою цену, похоже, имеет границу слева и справа, поэтому он не заполняет всю таблицу со 100 % ширина.

<td class="price">€ 299,-</td> 

http://jsfiddle.net/XzU58/

Как я могу это исправить, я не могу найти то, что я точно делаю неправильно здесь.

Answer 1

Попробуйте следующее:

.pricetable{ 
    color: #FFF; 
    text-align: center; 
    border-collapse: collapse; // Add this to your CSS 
    } 

Demo

Answer 2

.pricetable, .table-header { 
    background: #262932; 
    color: #FFF; 
    text-align: center; 
    width: 50%; 
    margin: 0 auto; 
    border-collapse: collapse; 
} 

Answer 3

See this demo.

Вы должны использовать border-collapse: collapse;

table.pricetable { 
    border-collapse: collapse; 
} 

Answer 4

Если вы не хотите вносить изменения в свой CSS, вы можете добавить cellspacing и cellpadding в значение 0. Это также заставит вашу таблицу удалить промежуток (т. Е. Границу, о которой вы упоминали), которую вы получаете.

WORKING DEMO

Кодекс:

<table class="pricetable" cellpadding="0" cellspacing="0">