Показать сообщение отдельно
  #14 (permalink)  
Старый 16.04.2010, 16:29
Аватар для Aetae
Тлен
Отправить личное сообщение для Aetae Посмотреть профиль Найти все сообщения от Aetae
 
Регистрация: 02.01.2010
Сообщений: 6,589

Вот вариант, но мне <ins>не</ins> нравится, надо указывать ширину заголовков(или сверху навесить overflow:hidden,а ширину заголовков указать по максимуму):
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
	<head>
		<style type="text/css">
		table,td,th,tr{border:1px solid #ddf;border-collapse:collapse;}
		.th span, .hr {position:absolute;margin-top:-104px;}
		.th {text-align:center}
		.hr {width:1px;height:100px;margin-left:-2px;background:#ddf;}
		</style>
	</head>
	<body>
		<div style="width:938px;height:100px;border:1px solid #ddf;background:#dfd"></div>
		<div style="width:970px;height:200px;overflow:auto;">
			<table style="width:940px;">
				<tr>
					<td>
						<div class="th"><span style="width:200px;margin-left:-102px;">Заголовок<br>Продолжение заголовка</span></div>
						1111111111111111111<br><br><br><br><br><br>
					</td>
					<td>
						<div class="hr"></div><div class="th"><span style="width:100px;margin-left:-52px;">222222</span></div>
						222222222<br><br><br><br><br><br>
					</td>
				</tr>
				<tr>
					<td>3<br><br><br><br><br><br></td>
					<td>4<br><br><br><br><br><br></td>
				</tr>
				<tr>
					<td>5<br><br><br><br><br><br></td>
					<td>6<br><br><br><br><br><br></td>
				</tr>
			</table>
		</div>
	</body>
</html>

А сейчас действительно пойдём в гугль и посмотрим, что придумали умные люди.)
...а умные люди делают так, как я указал в первый раз, и не заморачиваются с растягиваемостью, тупо делая fixed таблицы, и я с ними полностью согласен.))

Последний раз редактировалось Aetae, 16.04.2010 в 16:49.
Ответить с цитированием