Резиновый 2-хколоночный макет

[hike]

Здравствуйте! Вопрос простой для тех, кто набил руку на резиновой верстке. Есть макет из 2-х колонок, ширина - в процентах от ширины родителя. Нужно, чтобы ширина левой колонки изменялась в зависимости от ширины содержимого - в моем случае текста заголовка - внутри левой колонки. То есть текст изнутри растягивает левую колонку, правая остается без изменений. Как это можно сделать?

[by chris]

41 минуту назад, hike сказал:

То есть текст изнутри растягивает левую колонку, правая остается без изменений. Как это можно сделать?

Как вы это себе представляете?

[hike]

По аналогии с таблицей. Если задать ширину таблицы и в одну из ячеек добавить картинку большей ширины, то ширина таблицы сбросится в auto, то есть не будет учитываться, таблица растянется. Можно ли сделать подобное с текстом в колонке?

[alejandro13]

Возможно вы имеете ввиду что-то наподобие этого?

https://jsfiddle.net/p66oLq5a/

[hike]

Почти. Только в таком варианте увеличение левой колонки приводит к уменьшению правой
https://jsfiddle.net/4otnowd1/
А нужно при увеличении левой колонки, чтобы правая не изменялась, а вот суммарная ширина 2-х колонок увеличивалась

Edited July 7, 2016 by hike

[alejandro13]

5 минут назад, hike сказал:

Почти. Только в таком варианте увеличение левой колонки приводит к уменьшению правой
https://jsfiddle.net/4otnowd1/
А нужно при увеличении левой колонки, чтобы правая не изменялась, а вот суммарная ширина 2-х колонок увеличивалась

Тогда можно убрать фиксированную ширину у обертки, и задать какое-то ее значение правому блоку

[by chris]

52 минуты назад, hike сказал:

а вот суммарная ширина 2-х колонок увеличивалась

так бы сразу:)

https://jsfiddle.net/pu9u00vx/

[hike]

И все-таки правая колонка изменяет свою ширину https://jsfiddle.net/fhk2m79o/

А правильно, чтобы появилась полоса прокрутки..

И все-таки спасибо!

 

Есть еще какие-нибудь идеи кроме display:table-cell?

[by chris]

13 минуты назад, hike сказал:

А правильно, чтобы появилась полоса прокрутки..

https://jsfiddle.net/fhk2m79o/1/

13 минуты назад, hike сказал:

Есть еще какие-нибудь идеи кроме display:table-cell?

https://jsfiddle.net/fhk2m79o/2/

[hike]

Ух, ты! Впервые встретилось display:flex Спасибо огромное! То, что нужно.

[by chris]

21 минуту назад, hike сказал:

 

Ух, ты! Впервые встретилось display:flex Спасибо огромное! То, что нужно.

 

Не за что. Технология совсем не нова