Очередной вопрос про скроллинг в ячейке

smith · October 1, 2013

Есть пример страницы - таблица с парой столбцов, первый фиксирован по ширине, второй растягивается до конца экрана


<html>
<body>
<table width="100%">
<tr>
<td>small first column</td>
<td width="100%">
	 <div id="d" style="overflow-x: scroll; width: 100%">
wordswordswordswordswordswordswordswordswordswordswordswordswordswordswordswordswordswordswordswordswordswordswordswordswordswords
	 </div>
</td>
</tr>
</table>
</body>
</html>

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

klierik · October 1, 2013

http://jsfiddle.net/klierik/AxaSc/

smith · October 1, 2013

http://jsfiddle.net/klierik/AxaSc/

Спасибо, похоже это то что надо

Sign In

Очередной вопрос про скроллинг в ячейке

Question

smith

Link to comment

Share on other sites

2 answers to this question

Recommended Posts

klierik

Link to comment

Share on other sites

smith

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information