Таблица Firefox css генерирует tbody убивая ширину таблицы

Question

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

У меня есть класс таблицы, называемый «datatable», так как имя предлагает тип данных. Я пытаюсь заставить его растянуться до 100% ширины div, в котором он содержится. Div выше 100%. Когда я использую firebug, чтобы проверить его, таблица растягивается до 100%. Тем не менее, тот, который генерирует Firefox, не растягивается до 100%. Поэтому из-за этого строки в таблице меньше, чем tbody. Поэтому я понятия не имею, как это исправить. Я пробовал 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

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

#datatable tbody{width:100%} 

Answer 3

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

таблица.table_class th {ширина: 115px; }

Это вариант, если, как и я, вы не хотите вмешиваться в общий css.

Answer 4

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

Answer 5

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

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

Пример случая: HTML в электронной почте

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