Таблица отказывается растягиваться

[Torawhite]

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

[Switch74]

зачем тогда вы делаете таблице максимальный размер?

.cart_table {max-height: 388px;}

и зачем все tr и td превращаете в блоки?

.cart_table tr {display: block; min-width: 410px; max-width: 840px;}.cart_table td {display: block; float: left;}

и все это дело относительно ul li размером 100px

[Torawhite]

зачем тогда вы делаете таблице максимальный размер?

.cart_table {max-height: 388px;}

и зачем все tr и td превращаете в блоки?

.cart_table tr {display: block; min-width: 410px; max-width: 840px;}.cart_table td {display: block; float: left;}

и все это дело относительно ul li размером 100px

Вот

Всё лишнее убрал, даже поменял ul li на div. всё то же

[Switch74]

дык у .menu так и остался position: relative;

сделайте ему width:100% или уберите position: relative;

[Torawhite]

дык у .menu так и остался position: relative;

сделайте ему width:100% или уберите position: relative;

Если убрать position: relative; то выпадающее меню с таблицей никак привязано к . menu не будет - вёрстка слетит

[Switch74]

а как оно должно быть привязано к вашему меню?
в вашем случае с position оно пытается втиснуться в 114px

вообще что у вас должно получиться то и как это все должно себя вести?

 

не понятно будут ли еще какие пункты и как к ним должны быть привязаны их таблицы, выравниваться по их правому краю?
если вы хотите избавиться от переноса слов, можно воспользоваться white-space: nowrap; но боюсь вы можете столкнуться там с другой проблемой

 

[Torawhite]

а как оно должно быть привязано к вашему меню?

в вашем случае с position оно пытается втиснуться в 114px

вообще что у вас должно получиться то и как это все должно себя вести?

 

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

если вы хотите избавиться от переноса слов, можно воспользоваться white-space: nowrap; но боюсь вы можете столкнуться там с другой проблемой

 

Помимо этого пункта меню есть ещё два, которые также "текут" по правому краю. По клику выпадает соответствующий див. Именно в этом пункте таблица. Самое обычное выпадающее меню. Только блок не растягивается в зависимости от содержимого

[Switch74]

ну попробуйте так, только исходя из вашей верстки меню походу вертикальное, а не горизонтальное, и тогда придется убрать clear

https://jsfiddle.net/v7j6yj7g/3/

[Torawhite]

ну попробуйте так, только исходя из вашей верстки меню походу вертикальное, а не горизонтальное, и тогда придется убрать clear

https://jsfiddle.net/v7j6yj7g/3/

Спасибо. Решил не мучиться и выставил постоянную ширину