Таблица на всю ширину родительской ячейки

[AlOshka]

Господа, прошу помощи!

Есть таблица в таблице.

Итоговая структура этих таблиц будет сложная, поэтому играюсь с рамками и отступами без дополнительных классов и элементов.

И так. Ситуация такая.

У ячеек таблиц установлен padding, допустим padding:5px 10px.

В эту ячейку засовываем таблицу, и надо дать ей 100% ширины родительской ячейки.

Плюс надо, чтобы визуально padding'и не удваивались.

Для этого используем margin:-5px -10px к вложенной таблице.

Но! Таблица тянется на ширину контентной части ячейки, без учёта полей!

Для наглядности: http://jsfiddle.net/9tKg3/4/

Там где цифры "4" таблица тянется не до конца :-(

Как же её растянуть на всю ширину?

[USF]

эммм...зачем вам margin: -7px -10px;?

уберете его и будет вам 100%

[AlOshka]

'Плюс надо, чтобы

визуально padding'и не

удваивались.'

что имелось ввиду?

То, что визуально для внутренней таблицы padding удваивается (padding родительской ячейки + padding ячеек вложенной таблицы)

эммм...зачем вам margin: -7px -10px;?

уберете его и будет вам 100%

Дак в том-то и дело, что отрицательный маргин нужен, чтобы убрать удвоившийся padding. Только в итоге всё-равно на всю ширину таблица не тянется.

Вот пример без отрицательного маргина:

http://jsfiddle.net/9tKg3/6/

[mrnobody]

А если применить селектор атрибута?

td[colspan="6"]{
padding: 0;
}

http://jsfiddle.net/9tKg3/7/

Только если этого атрибута не будет в других таблица

Edited August 19, 2012 by mrnobody

[psywalker]

Есть таблица в таблице.

Суровый ты тип, однако) Случайно не из Челябинска?

[USF]

Дак в том-то и дело, что отрицательный маргин нужен, чтобы убрать удвоившийся padding. Только в итоге всё-равно на всю ширину таблица не тянется.

а как вы хотите растянуть блок на 100% если у него паддинг? ширина блока указывается БЕЗ учета полей

[AlOshka]

А если применить селектор атрибута?

td[colspan="6"]{
padding: 0;
}

Кстати, это вариант. Только его надо будет отменить для вложенных таблиц. как-то так:

td[colspan]{
padding: 0;
}
td td[colspan] {
padding:7px 10px;
}

В принципе, такой фокус пройдёт)

Есть таблица в таблице.

Суровый ты тип, однако) Случайно не из Челябинска?

Без обид, но суть сарказма я не уловил. Мож я тупой.. а мож сарказма не было.. ;-)

а как вы хотите растянуть блок на 100% если у него паддинг? ширина блока указывается БЕЗ учета полей

Мож я чего не понимаю..:

http://jsfiddle.net/DPWUP/1/

[USF]

http://jsfiddle.net/DPWUP/1/

ну так все правильно.

у тебя второй случай. если поместишь во вложенный блок текст, то он будет на расстоянии падинга от краев. а фон на падинг распространяется. в итоге ширина контента твоей таблицы равна 100%-паддинг*2

[AlOshka]

чорд, а ведь и правда..

Спасибо за подсказки!

Значит придётся играться с колспанами и их вложенностью :-)