переполнение ячейки

Sober · December 7, 2010

Есть табличка простая: 2 колонки. 2-я колонка объединяет все строки первой колонки. Если во второй колонке мало текста, то всё хорошо, но если больше чем может поместится, то таблица увеличивается по высоте, а нужно что бы при переполнении появлялся скрол и таблица не увеличивалась.

Нашел один выход, вложил во вторую колонку див, и всё как бы хорошо, НО надо указывать высоту, если не указать, то таблица снова расползёться.

А нужно, как раз что бы высоту не указывать в лоб, т.к. строк может быть n-количество.

Пробовал указать height: 100% - в ИЕ, как ни странно всё хорошо, а в фоксе плохо, нет там атрибута высота вроде как.

Что посоветуете, форумчане, какие мысли решения?

Вот сам код:

<!doctype html>
<html>
<style type="text/css">
{
}
</style>
<body>
<table border="1" width="500px">
	<tr>
		<td width="150px">какие-то данные</td>
		<td rowspan="10">
			<div style='position:relative; left:0; top:0; height: 400px; overflow:auto'>
				Много данных из-за которых все растягивается.
				Много данных из-за которых все растягивается.
				Много данных из-за которых все растягивается.
				Много данных из-за которых все растягивается.
				Много данных из-за которых все растягивается.
								..... тут ещё куча строк....................
				Много данных из-за которых все растягивается.
				Много данных из-за которых все растягивается.
				Много данных из-за которых все растягивается.
			</div>	
		</td>
	</tr>
	<tr>
		<td>какие-то данные</td>
	</tr>
	<tr>
		<td>какие-то данные</td>
	</tr>
	<tr>
		<td>какие-то данные</td>
	</tr>
	<tr>
		<td>какие-то данные</td>
	</tr>
	<tr>
		<td>какие-то данные</td>
	</tr>
	<tr>
		<td>какие-то данные</td>
	</tr>
	<tr>
		<td>какие-то данные</td>
	</tr>
	<tr>
		<td>какие-то данные</td>
	</tr>
	<tr>
		<td>какие-то данные</td>
	</tr>
</table>
</body>
</html>

Edited December 7, 2010 by Sober

deadrash · December 7, 2010

В вашем примере при переполнении появляется скролл, по крайней мене в фаерфоксе, в других броузерах не пробовал. Если в других косяк, попробуйте поменять overflow:auto на overflow:scroll

Sober · December 7, 2010

В вашем примере при переполнении появляется скролл, по крайней мене в фаерфоксе, в других броузерах не пробовал. Если в других косяк, попробуйте поменять overflow:auto на overflow:scroll

Правильно - появляется. Но при правильном прочтении вводных данных мы замечаем, что это из за того что указанна высота "в лоб", нам это не нужно, а если убрать то таблица разъезжается. Попробуйте убрать

deadrash · December 7, 2010

Не внимательно прочёл, идей нет. (яваскрипт за идею не считаю)

Simon · December 7, 2010

если в первой колонке больше то куда расползается то?

поставьте rowspan="n" valign="top"

и в div height:100%;

или и я чет не понял? )

Edited December 7, 2010 by Simon

Great Rash · December 7, 2010

Думаю, что вас спасет table-layout: fixed;.

Sober · December 7, 2010

to Simon - наверно не поняли или из кода не увидели, во второй колонке переполнение

to Great Rash - table-layout: fixed; - первое что мне пришло в голову, но нет или может я не там это выставляю. Куда вы предлагает прописать table-layout: fixed;?

Great Rash · December 8, 2010

Для таблицы прописать table-layout: fixed;, вставить в ячейку <div>, которому назначить overflow: auto;. По идее должно работать.

UPD: Хотя ща попробовал... не пашет...

Sign In

переполнение ячейки

Question

Sober

Link to comment

Share on other sites

7 answers to this question

Recommended Posts

deadrash

Link to comment

Share on other sites

Sober

Link to comment

Share on other sites

deadrash

Link to comment

Share on other sites

Simon

Link to comment

Share on other sites

Great Rash

Link to comment

Share on other sites

Sober

Link to comment

Share on other sites

Great Rash

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information