nicht angemeldet
habe leider noch keinen eigenen webspace, drum also der code im folgenden:
-- head --
<link rel="stylesheet" type="text/css" href="stylesheet.css">
<script>
function showClient() { alert('document.body.clientWidth is ' + document.body.clientWidth); }
</script>
<style type="text/css"> <!-- div { position: absolute; }
#div1 /* scrollbox / { overflow: auto; left: 10px; top: 20px; width: 100%; height: 253px; color: #ffffff; / schriftfarbe wie seitenhintergrund wählen = 'blinder' text */ background-color : #FFFFFF; scrollbar-face-color : white; scrollbar-shadow-color : #027508; scrollbar-highlight-color : white; scrollbar-3dlight-color : #027508; scrollbar-darkshadow-color : white; scrollbar-track-color : white; scrollbar-arrow-color : #027508; }
#div2 /* top-header */ { overflow: hidden; left: 10px; top: 20px; width: 100%; height: 35px; padding-right : 20px }
#div4 /* content */ { overflow: hidden; left: 10px; top: 55px; width : 100%; height:200px; padding-right : 20px } --> </style>
<script type="text/javascript" src="syncscroll.js"></script> <script type="text/javascript"> <!-- window.onload = function () { addScrollSynchronization(document.getElementById("div2"), document.getElementById("div1"), "horizontal"); addScrollSynchronization(document.getElementById("div4"), document.getElementById("div1"), "both"); }; //--> </script>
-- body --
<div id="div1"> <nobr><img border="0" src="../../spacer_blank.gif" width="1550" height="790">
</nobr> </div>
<div id="div2"> <table border="0" width="1490" cellspacing="0" cellpadding="0" class="data"> <tr> <td class="header1" width="70" width="70">header1</td> <td class="header1" width="70">header1</td> <td class="header1" width="70">header1</td> <td class="header1" width="70">header1</td> <td class="header1" width="70">header1</td> <td class="header1" width="70">header1</td> <td class="header1" width="70">header1</td> <td class="header1" width="70">header1</td> <td class="header1" width="70">header1</td> <td class="header1" width="70">header1</td> <td class="header1" width="70">header1</td> <td class="header1" width="70">header1</td> <td class="header1" width="70">header1</td> <td class="header1" width="70">header1</td> <td class="header1" width="70">header1</td> <td class="header1" width="70">header1</td> <td class="header1" width="70">header1</td> <td class="header1" width="70">header1</td> <td class="header1" width="70">header1</td> <td class="header1" width="70">header1</td> <td class="header1" width="70">header1</td> </tr> </table> </div>
<div id="div4">
<table border="1" width="1490" cellspacing="0" cellpadding="0" class="data"> <tr> <td class="content" width="70">content</td> <td class="content" width="70">content</td> <td class="content" width="70">content</td> <td class="content" width="70">content</td> <td class="content" width="70">content</td> <td class="content" width="70">content</td> <td class="content" width="70">content</td> <td class="content" width="70">content</td> <td class="content" width="70">content</td> <td class="content" width="70">content</td> <td class="content" width="70">content</td> <td class="content" width="70">content</td> <td class="content" width="70">content</td> <td class="content" width="70">content</td> <td class="content" width="70">content</td> <td class="content" width="70">content</td> <td class="content" width="70">content</td> <td class="content" width="70">content</td> <td class="content" width="70">content</td> <td class="content" width="70">content</td> <td class="content" width="70">content</td> </tr> <tr> <td class="content" width="70">content</td> <td class="content" width="70">content</td> <td class="content" width="70">content</td> <td class="content" width="70">content</td> <td class="content" width="70">content</td> <td class="content" width="70">content</td> <td class="content" width="70">content</td> <td class="content" width="70">content</td> <td class="content" width="70">content</td> <td class="content" width="70">content</td> <td class="content" width="70">content</td> <td class="content" width="70">content</td> <td class="content" width="70">content</td> <td class="content" width="70">content</td> <td class="content" width="70">content</td> <td class="content" width="70">content</td> <td class="content" width="70">content</td> <td class="content" width="70">content</td> <td class="content" width="70">content</td> <td class="content" width="70">content</td> <td class="content" width="70">content</td> </tr>
</table> </div>