У меня есть таблица с 1 строкой и 5 столбцами. Я установил ширину этих 5 столбцов для определенных известных значений (150px, 200px и т. Д.). Я также установил левое поле для каждого.
Я хочу, чтобы таблица расширялась и занимала всю ширину своего родителя. Итак, я установил его ширину 100% . Когда таблица шире, чем объединенная ширина и поля 5 столбцов, это приводит к тому, что они растекаются по таблице, оставляя промежутки между ними.
Но я хочу, чтобы эти 5 столбцов остались слева.
Для этого я добавил 6-й столбец и установил его ширину auto , надеясь, что он правильно сдвинет первые 5 влево и займет оставшееся пространство. Работает в Firefox и Chrome. Но это не работает в IE. В IE 5 столбцов по-прежнему располагаются равномерно по всей таблице.
Я попытался установить ширину 6-го столбца на 100% вместо автоматического. Но проблема в том, что он уничтожает левые поля 5 столбцов! Вроде как, столбец 100% слишком сильно сдвигает 5 столбцов влево, чтобы их поля исчезли!
Я хочу, чтобы отступы, поля и ширина первых 5 столбцов были сохранены, но сдвинуты влево, но таблица должна расшириться до ширины своего родителя.
В таблице есть фоновое изображение, которое должно отображаться за пределами 5 столбцов.
Некоторые могут предложить мне перенести фон на родительский стол таблицы, но я не могу - поверьте мне на слово: D
Как мне заставить это работать в Firefox, Chrome и IE?
Спасибо.
Вот ссылка: http://test.greedge.com/table/table.php. Попробуйте в FF и IE