Растягивание table на ширину родителя

[iKNG]

В общем, есть table. Нужно растянуть его на ширину родителя, но так, чтобы он при слишком большом размере не растягивался больше него. Сижу, голову ломаю. width: 100%; не работает, relative у родителя+absolute у потомка нельзя, так как не известны размеры родителя. Точнее, width работает, но при слишком большом кол-ве текста растягивается больше родителя.

Edited February 7, 2014 by iKNG

[Great Rash]

http://codepen.io/GreatRash/pen/KdAkG - так не пойдёт случаем?

[iKNG]

http://codepen.io/GreatRash/pen/KdAkG - так не пойдёт случаем?

Нет. Нужно с сохранением всего текста.

[iKNG]

Все еще актуально

[iKNG]

Немного изменилась задача. Вот код. Возможно ли сделать так, чтобы таблица растягивалась на ширину родителя, как там, но при этом не более него? При том желательно без прокрутки, а если и с ней, то чтобы правая колонка оставалась на месте при прокрутке. То есть scroll именно правого блока.

Edited February 8, 2014 by iKNG

[Great Rash]

Я не понимаю в чем ваша проблема? Уберите <pre> и всё само станет нормально. У меня есть мнение, что вы что-то не так делаете.

[Switch74]

а можно обойтись без таблицы?

[iKNG]

Просто дело в том, что есть блог WordPress с плагином WP-Syntax. Он как раз так и генерирует подсвеченный код - в правом столбце код, в левом - номера строк. Контент и того и другого в pre. Изменить это никак. Можно использовать white-space: pre-wrap, но тогда текст переносится на следующую строку и номера строк не попадают под сами строки. Во всех остальных плагинах для подсветки синтаксиса все то же самое.

[Great Rash]

Вообще подсветку синтаксиса принято запихивать в <div> с overflow: auto;. Посмотрите например как сделано тут: http://alexgorbatchev.com/SyntaxHighlighter/manual/demo/ Собственно оттуда можно забрать скрипт подсветки на JS и никакого плагина для WP не понадобится.

[iKNG]

Вообще подсветку синтаксиса принято запихивать в <div> с overflow: auto;. Посмотрите например как сделано тут: http://alexgorbatchev.com/SyntaxHighlighter/manual/demo/ Собственно оттуда можно забрать скрипт подсветки на JS и никакого плагина для WP не понадобится.

Так я про враппер с прокруткой давно знаю. Я же говорю — мне надо чтобы при прокрутке кода номера строк на месте оставались. А PHP всяко лучше JS — результат тот же, но зато кроссбраузерно.

Edited February 10, 2014 by iKNG

[Great Rash]

Тогда я не понимаю чем не подходит вариант, который я предложил в самом начале?

 

UPD (для тех, кто в танке): http://codepen.io/GreatRash/pen/KdAkG

[iKNG]

А чем он может подходить?

[Great Rash]

Вы в каком браузере смотрите? В Хроме так:

 

Я проапгрейдил для тормозных браузеров (FF, IE): http://codepen.io/anon/pen/kFgEe