Верстка таблицы - ширина одной колонки зависит от контента, две других равной ширины

[neTp9c]

Добрый день.

 

Подскажите пожалуйста, как сделать в следующей разметке:

<table><tr><td></td><td>Колонка 2 - автоматическая ширина</td><td>Колонка 3 с более длинным контентом</td></tr></table>

1. таблица занимают всею ширину.

2. ширина второй колонки определяется контентом.

3. ширина у первой и третей колонки одинаковая.

[Aleksandr.L]

1. таблица занимают всею ширину.

table { width: 100% } 

2. ширина второй колонки определяется контентом. 3. ширина у первой и третей колонки одинаковая.

td:nth-child(odd) { width: ... }td:nth-child(even) { width: auto }

[Switch74]

я обычно делал для ячейки, которая должна тянуться по контенту ширину 0px 

[neTp9c]

Уважаемые знатоки. Ваш код не работает (http://jsfiddle.net/WaDEL/). Пожалуйста, не вводите в заблуждение.

 

На всякий случай уточню, что если таблица занимает всю ширину, то суммарная ширина всех колонок равна 100%.

 

Просьба к тем, кто знает, возможно ли так сделать, помогите разобраться.

[Switch74]

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

Edited June 3, 2014 by Switch74

[neTp9c]

Мне нужно чтобы ячейки занимали ровно 100%. Все что нужно я написал в первом посте. Старался написать понятно, если что-то написал неточно, дайте знать.

 

Я прошу у вас помощи в решении моей проблемы, то есть стили css, которые сделают то, что я описал.

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

Более того, ваши непрофессиональные ответы приносят только вред. Вы не помогаете, а только распыляете общее внимание, выдавая свои домыслы за решение проблемы.

Edited June 3, 2014 by neTp9c

[Switch74]

а в чем вас ввели в заблуждение, вы разве не этого хотели?

http://saveimg.ru/pictures/03-06-14/3f06c74eb58f0201643804c442ed46b7.png

как вариант можно еще так, это то, что я понял из вашего объяснения, а если два человека поняли вас одинаково, то думаю проблему нужно искать в объяснении

[psywalker]

Мне нужно чтобы ячейки занимали ровно 100%. Все что нужно я написал в первом посте. Старался написать понятно, если что-то написал неточно, дайте знать.

 

Я прошу у вас помощи в решении моей проблемы, то есть стили css, которые сделают то, что я описал.

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

Более того, ваши непрофессиональные ответы приносят только вред. Вы не помогаете, а только распыляете общее внимание, выдавая свои домыслы за решение проблемы.

Эй, паринь, полехче) Вот так пойдёт? http://jsfiddle.net/WaDEL/3/

[neTp9c]

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

 

Вы правильно поняли стоящую передо мной задачу. И предложенные вами код работает в IE 11. Но в других браузерах: Google Chrome и FireFox ширина первой колонки меньше на несколько пикселей чем ширина последней колонки. То, насколько различается ширина этих двух колонок зависит от контента и от абсолютной ширины таблицы. 

Хотя различие в ширине и не такое большое, но оно может существенно портить внешний вид.

 

Ссылки: http://jsfiddle.net/WaDEL/11/ и http://take.ms/slvXm (в данном случае ширина первой колонки меньше на 15px чем третей)

[Switch74]

тогда в ячейках слева и справа вам нужна обертка с overflow:hidden;

[psywalker]

А вот как здесь может пойдёт?

[neTp9c]

Обертка внутри крайних ячеек с overflow:hidden ничего не изменила - http://jsfiddle.net/WaDEL/12/ (не уверен, что сделал так, как нужно)

 

В примере с css-live под центральную "колонку" (картинку лучницы) они освобождают ровно 291px, а нужно чтобы ширина центральной колонки определялась контентом.

[Zverushka]

Средняя колонка по ширине равна ширине своего контента, и если контента много - она занимает всю ширину таблицы, схлопывая боковые колонки?
Что должно быть внутри боковых колонок - какой-то текст?

 

Я правильно понимаю?

Edited June 4, 2014 by Zverushka

[neTp9c]

Средняя колонка по ширине равна ширине своего контента, и если контента много - она занимает всю ширину таблицы, схлопывая боковые колонки?

Что должно быть внутри боковых колонок - какой-то текст?

 

Я правильно понимаю?

 

да, все так.