Firefox table css генерирует ширину таблицы убийств

Question

Я работаю над тем, чтобы взять сайт только для IE и сделать его кросс-браузерным. В IE, Chrome и Safari все выглядит хорошо. Однако Firefox не счастлив.

У меня есть табличный класс с именем "datatable", так как название предполагает datatable. Я пытаюсь заставить его растягиваться до 100% ширины div, в котором он содержится. Div выше составляет 100%. Когда я использую firebug для проверки, таблица растягивается до 100%. Тем не менее, сгенерированный Firefox объем не растягивается до 100%. Поэтому из-за этого строки в таблице такие же маленькие, как и тело. Поэтому я понятия не имею, как это исправить. Я старался tbody{width:100%;} и он ничего не сделал.

Любые идеи, я был бы очень признателен.

Answer 1

Хорошо, я только что ответил на мой вопрос ... внутри css был общий css как этот ...

table
{
    border:0px solid #000000;
    padding:0 0 0 0;
    border-collapse:collapse;
    border-spacing:0;
    display:block;
}

Я убрал отображение: блок, и теперь все отлично работает ... Я искал это в определении table.datatable, но подумал, чтобы найти общий файл в файле ...

Answer 2

Это может быть глупо, но убедитесь, что вы правильно выбираете тело

#datatable tbody{width:100%} 

Answer 3

Если некоторым браузерам нужно display:block в <table>, так что ...

table {
    // Something..
    display: block;
}
body:not(:-moz-handler-blocked) table {
    display: table;
}

Пример: HTML в электронных письмах

Немного взломать, если вам все еще нужно просмотреть в Firefox

Answer 4

Проверьте, не установлено ли для font-size значение, меньшее 100%.

Answer 5

У меня была та же проблема, в конце концов, она была решена путем установки свойства width ячеек заголовка (я подумал, что именно так Firefox смотрит, чтобы определить ширину тела).

table.table_class th {width: 115px;}

это вариант, если, как и я, вы не хотите связываться с универсальным CSS.