Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #11 (permalink)  
Старый 16.04.2010, 12:07
Аватар для PeaceCoder
Профессор
Отправить личное сообщение для PeaceCoder Посмотреть профиль Найти все сообщения от PeaceCoder
 
Регистрация: 15.12.2009
Сообщений: 742

Aetae,
ну это да сработает. но а теперь попробуй отцентрировать заголовки. Еще может такой баг быть
<!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;}
		td div {margin-top:-104px;margin-left:-2px;height:100px;position:absolute;border-left:1px solid #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 style="text-align:center">Заголовок <br /><br /><br /><br /><br />Продолжение заголовка</div>1111111111111111111s df sdf sd fs fsd fsd fg sdfds sdf sd sd sdf sd gsdf sdfsd sdf sdf dsf <br><br><br><br><br><br></td>
					<td><div>222222</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>
__________________
Настоящий программист думает и осознает сам решение задачи, а не копирует другие мысли, не осознавая их (c)
Относись к человеку так же, как хотелось бы отношения к себе (с)
Все нужно там, где оно нужно, а все не нужно нигде (с) Gozar
B~Vladi: А кто такой JavaScript стрелок?! micscr: это тот, кто не jQuery танкист.
Программы становятся медленнее быстрее, чем компьютеры становятся быстрее (с) Никлаус Вирт

Последний раз редактировалось PeaceCoder, 16.04.2010 в 12:13.
Ответить с цитированием
  #12 (permalink)  
Старый 16.04.2010, 15:44
Аватар для Aetae
Тлен
Отправить личное сообщение для Aetae Посмотреть профиль Найти все сообщения от Aetae
 
Регистрация: 02.01.2010
Сообщений: 6,560

Если по поводу переноса строки - то это не баг, шапка должны быть фиксированной высоты, уж извиняйте.)

А по поводу ширины, разных бг заголовков итд - это уже косметические детали, кому нужно пусть и мучается, поставленная задача решена.)
Может сегодня ещё поковыряюсь - посмотрю.)
Ответить с цитированием
  #13 (permalink)  
Старый 16.04.2010, 16:01
Аватар для e1f
e1f e1f вне форума
Профессор
Отправить личное сообщение для e1f Посмотреть профиль Найти все сообщения от e1f
 
Регистрация: 03.04.2009
Сообщений: 1,263

Гуглим html table fixed header. Ответов много, и с JS, и без

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

Вот вариант, но мне <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.
Ответить с цитированием
  #15 (permalink)  
Старый 22.08.2014, 18:40
Аватар для Globus
Аспирант
Отправить личное сообщение для Globus Посмотреть профиль Найти все сообщения от Globus
 
Регистрация: 04.03.2014
Сообщений: 76

http://hashcode.ru/questions/73178/h...таблице
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Контекстное меню как считать данные из таблицы xela1980 jQuery 25 31.05.2013 14:20
Как прокрутить div HelpeR Элементы интерфейса 6 16.02.2010 20:37
Как сделать, чтобы музыка <embed> на странице не играла только при первом посещении? Bad Request Общие вопросы Javascript 22 27.07.2009 19:44
можно ли, если да то как удалить строки из таблицы Avaria Я не знаю javascript 3 11.06.2009 03:03
Как сделать чтобы text() брал только текст родителя без текста вложенных контейнеров? Andrey32 jQuery 3 23.05.2009 01:33