Скроллинг

ramzes3 · 26.07.2006, 10:41

Здравствуйте. У меня есть таблица. Нужно сделать так чтобы гор.скроллинг под 2 таблицей был виден все время, при этом вертикальный скроллинг так и должен прокручивать две таблицы сразу.

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
</head>

<body>
<table border=0.5>
<tr>
<td>

<div style=" overflow:auto;height:400px; width:630px">
<table height="400px" width="600" cellpadding="1" cellspacing="1">
<tr><td width="300px">
<div style="overflow:auto;height:420px; width:300px">
<table border height="400px" width="300px" cellpadding="1" cellspacing="1">

<tr>
<td width="50px"></td>
<td width="50px"></td>
<td width="50px"></td>
<td width="50px"></td>
<td width="50px"></td>
<td width="50px"></td>
</tr>

<tr>
<td width="50px"></td>
<td width="50px"></td>
<td width="50px"></td>
<td width="50px"></td>
<td width="50px"></td>
<td width="50px"></td>

</tr>

<tr>
<td width="50px"></td>
<td width="50px"></td>
<td width="50px"></td>
<td width="50px"></td>
<td width="50px"></td>
<td width="50px"></td>

</tr>

<tr>
<td width="50px"></td>
<td width="50px"></td>
<td width="50px"></td>
<td width="50px"></td>
<td width="50px"></td>
<td width="50px"></td>

</tr>

<tr>
<td width="50px"></td>
<td width="50px"></td>
<td width="50px"></td>
<td width="50px"></td>
<td width="50px"></td>
<td width="50px"></td>

</tr>

<tr>
<td width="50px"></td>
<td width="50px"></td>
<td width="50px"></td>
<td width="50px"></td>
<td width="50px"></td>
<td width="50px"></td>

</tr>

<tr>
<td width="50px"></td>
<td width="50px"></td>
<td width="50px"></td>
<td width="50px"></td>
<td width="50px"></td>
<td width="50px"></td>

</tr>
</div>
</table>
</td>

<td><div style=" overflow:auto;height:420px; width:300px">
<table id="myTable" height="400px" width="320px" border cellpadding="1" cellspacing="1">

<tr>
<td width="50px"></td>
<td width="50px"></td>
<td width="50px"></td>
<td width="50px"></td>
<td width="50px"></td>
<td width="50px"></td>

</tr>
<tr>
<td ></td>
<td ></td>
<td ></td>
<td ></td>
<td ></td>
<td ></td>

</tr>

<tr>
<td></td>
<td ></td>
<td ></td>
<td ></td>
<td ></td>
<td ></td>

</tr>

<tr>
<td ></td>
<td ></td>
<td ></td>
<td ></td>
<td ></td>
<td ></td>

</tr>

<tr>
<td></td>
<td ></td>
<td ></td>
<td></td>
<td ></td>
<td ></td>

</tr>

<tr>
<td ></td>
<td ></td>
<td ></td>
<td ></td>
<td ></td>
<td ></td>

</tr>

<tr>
<td ></td>
<td ></td>
<td ></td>
<td ></td>
<td ></td>
<td ></td>
</tr>
</div>
</table>
</td></tr>
</table>
</td>
</tr>
</table>
</body>
</html>

Похожие темы
Тема	Автор	Раздел	Ответов	Последнее сообщение
Странный скроллинг	stim	Технологии Flash	3	20.07.2005 12:43
Скроллинг в ячейке таблицы?	novice_deg	HTML, CSS, JavaScript	1	11.04.2005 16:31
Скроллинг. @('^')@	JuNIK	HTML, CSS, JavaScript	1	16.02.2005 11:01

26.07.2006, 10:41	#1
ramzes3	Здравствуйте. У меня есть таблица. Нужно сделать так чтобы гор.скроллинг под 2 таблицей был виден все время, при этом вертикальный скроллинг так и должен прокручивать две таблицы сразу. <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> </head> <body> <table border=0.5> <tr> <td> <div style=" overflow:auto;height:400px; width:630px"> <table height="400px" width="600" cellpadding="1" cellspacing="1"> <tr><td width="300px"> <div style="overflow:auto;height:420px; width:300px"> <table border height="400px" width="300px" cellpadding="1" cellspacing="1"> <tr> <td width="50px"></td> <td width="50px"></td> <td width="50px"></td> <td width="50px"></td> <td width="50px"></td> <td width="50px"></td> </tr> <tr> <td width="50px"></td> <td width="50px"></td> <td width="50px"></td> <td width="50px"></td> <td width="50px"></td> <td width="50px"></td> </tr> <tr> <td width="50px"></td> <td width="50px"></td> <td width="50px"></td> <td width="50px"></td> <td width="50px"></td> <td width="50px"></td> </tr> <tr> <td width="50px"></td> <td width="50px"></td> <td width="50px"></td> <td width="50px"></td> <td width="50px"></td> <td width="50px"></td> </tr> <tr> <td width="50px"></td> <td width="50px"></td> <td width="50px"></td> <td width="50px"></td> <td width="50px"></td> <td width="50px"></td> </tr> <tr> <td width="50px"></td> <td width="50px"></td> <td width="50px"></td> <td width="50px"></td> <td width="50px"></td> <td width="50px"></td> </tr> <tr> <td width="50px"></td> <td width="50px"></td> <td width="50px"></td> <td width="50px"></td> <td width="50px"></td> <td width="50px"></td> </tr> </div> </table> </td> <td><div style=" overflow:auto;height:420px; width:300px"> <table id="myTable" height="400px" width="320px" border cellpadding="1" cellspacing="1"> <tr> <td width="50px"></td> <td width="50px"></td> <td width="50px"></td> <td width="50px"></td> <td width="50px"></td> <td width="50px"></td> </tr> <tr> <td ></td> <td ></td> <td ></td> <td ></td> <td ></td> <td ></td> </tr> <tr> <td></td> <td ></td> <td ></td> <td ></td> <td ></td> <td ></td> </tr> <tr> <td ></td> <td ></td> <td ></td> <td ></td> <td ></td> <td ></td> </tr> <tr> <td></td> <td ></td> <td ></td> <td></td> <td ></td> <td ></td> </tr> <tr> <td ></td> <td ></td> <td ></td> <td ></td> <td ></td> <td ></td> </tr> <tr> <td ></td> <td ></td> <td ></td> <td ></td> <td ></td> <td ></td> </tr> </div> </table> </td></tr> </table> </td> </tr> </table> </body> </html>