Дмитрий184
Мастер
Дата регистрации:
29.06.2012 08:48:56
Сообщений: 225
Здравствуйте, Михаил!
Я хочу сделать таблицу из трех колонок, центральной колонке я задаю фиксированную ширину, и нужно чтобы боковые колонки всегда были одинаковой ширины.
Пробовал боковым колонкам написать width: auto, но это не работает. Скажите, пожалуйста, как это можно сделать?
Условия такие
#table {
max-width: 100%;
min-width: 1000px;
}
#td-left {
}
#td-center {
width: 1000px;
}
#td-left,#td-right {
width: (одинаковой ширины при любом масштабировании)
}
Admin
Администратор
Дата регистрации:
27.05.2010 21:23:42
Сообщений: 3063
Поставить конкретную ширину, например, width: 200px;
Дмитрий184
Мастер
Дата регистрации:
29.06.2012 08:48:56
Сообщений: 225
Это не решает проблему. Если поставить фиксированную ширину боковым колонкам, тогда таблица не будет занимать по ширине всю доступную ширину (например, все окно браузера) - для селектора table прописано свойство max-width: 100%
Может тут нужно использовать какой-то скрипт, который будет следить, чтобы боковые колонки всегда имели одинаковую ширину?
например, увеличивается ширина левой колонки и автоматически произойдет увеличение ширины правой колонки до такой же ширины.
Admin
Администратор
Дата регистрации:
27.05.2010 21:23:42
Сообщений: 3063
Надо у таблицы задать width: 100%, а у левой и правой колонок задать фиксированный width.
Дмитрий184
Мастер
Дата регистрации:
29.06.2012 08:48:56
Сообщений: 225
Михаил! Большое спасибо! Я так и сделал, для таблицы задал width: 100%
Только не задавал боковым колонкам фиксированную ширину, т.к. фиксированная ширина у центральной колонки.
Дмитрий184
Мастер
Дата регистрации:
29.06.2012 08:48:56
Сообщений: 225
Все-таки каждой колонке необходимо задать ширину, т.к. если ширину не задать, то браузер google chrome колонки без указанной ширины принимает как width: 0
И центральная колонка, вместо того, чтобы быть по центру, прижимается к левому краю. А вот в Firefox такого не происходит, тут центральная колонка остается по центру.