nicht angemeldet
sorry, daß ich euch so belege - war auch nicht böse von mir gemeint!!! also hier nochmal mein source-code, die content-zeilen können unendlich viele werden... zur absoluten positionierung: wenn ich auf relative umschalte, verreist es mir dummerweise das layout :(
<html> <head> <meta http-equiv="Content-Language" content="de">
<title>SCROLLABLE TABLE</title> <link rel="stylesheet" type="text/css" href="stylesheet.css">
<style type="text/css"> <!-- div { position: absolute; }
#div1 /* scrollbox */ { overflow: auto; left: 10px; top: 20px; width: 100%; height: 253px; color: #ffffff; 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; margin-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> </head>
<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> <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> <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>
</body>
</html>