Существует ли эквивалентное объявление CSS для "width: auto" для <table>элементов?

Question

Я пытаюсь создать

Answer 1

Установите div в ширину 480px и поместите на него границу 10px. Затем установите таблицу на 100% ширины

Answer 2

Я не знаю, есть ли кросс-браузерное решение. Блочная модель IE на самом деле работает так, как вам хотелось бы: как только вы объявляете ширину элемента, это ширина, а затем она вычитает из «внутренней» ширины элемента отступ и границу заполнения, чтобы дать вам объявленную ширину.

Все остальные браузеры делают противоположное: они устанавливают ширину элемента на объявленную ширину, а затем добавляют отступы полей и рамку.

Я только что проверил ваш код в IE7 и Firefox 3.5, и оба имеют ширину 500px даже с черной рамкой 10px. Я бы побеспокоился о старых версиях Firefox.

Answer 3

Не уверен, что это сработает, но ... не могли бы вы ограничить первый (левый край) и последний (правый край) TD (или TR, возможно) вместо самой таблицы? Это должно дать тот же визуальный результат.

В противном случае я бы не стал много спать из-за оболочки DIV.