Итак, у меня есть таблица:
<table border=1>
<caption>This is a table.</caption>
<tr>
<th>One</th>
<th>Two</th>
<th>Three</th>
</tr>
<tr>
<td>Four</td>
<td>Five</td>
<td>Six</td>
</tr>
</table>
и я хочу, чтобы он был как можно шире, оставаясь при этом на 20 пикселей с каждой стороны. Итак, я сделал это:
table{
border-collapse:collapse;
margin:20px;
padding:0;
width:100%;
}
но в итоге это будет ширина родителя плюс дополнительный 20px-край слева, в результате чего появится вертикальная полоса прокрутки. Есть ли способ сделать его на 40px меньше, чем ширина родителя без добавления другого элемента для его окружения?
jsfiddle: http://jsfiddle.net/pvHNM/