JavaScript Frei wählbare Position einer Scrollbar mittels Javascript?

Wechhe

Vice Admiral
Registriert
Aug. 2002
Beiträge
6.176
Moin!

Sofern es richtig ist, dass ich die Position einer Scrollbar nicht ändern kann (also statt unten die Scrollbar oben anzeigen) möchte ich folgende Situation lösen:

Ich habe eine ziemlich verschachtelte Tabellenkonstruktion bei der in zwei Zellen jeweils ein Div mit einer neuen Tabelle ist (wegen overflow:auto und scrollbar).
Diese beiden Tabellen sind horizontal scrollbar und beide Scrollbalken mit einer Javascript Funktion miteinander verbunden, sodass immer beide gleichzeitig und synchron scrollen.

Nun passt die Position der Scrollbalken aber nicht ins Design und ich möchte diese mit overflow:hidden ausblenden und stattdessen einen neuen Scrollbalken haben, mit dem ich beide Tabellen gleichzeitig scrollen kann und den ich frei auf der Website positionieren kann.

Wo bekomme ich einen fertigen Scrollbalken her und wie verknüpfe ich den mit einem der vorhandenen Scrollbalken?
 
Vielen Dank für deine Antwort. Allerdings finde ich so keine Scrollbars, die ich frei auf der Website platzieren kann. Die Custom Scrollbars ersetzen alle nur das Aussehen der original Scrollbars und sind somit an der gleichen Position.
Oder habe ich da was übersehen?
 
Eventuell könntest du ein DIV erzeugen, dass eben nur die Scrollbar enthält, und dieses dann entsprechend positionieren.
Oder halt eine komplett in Javascript realistierte Scrollbar: http://jqueryui.com/demos/slider/
 
also ich habs jetzt mal bei diesem hier versucht: http://www.aplweb.co.uk/blog/js/scrollbars-v2/

dort kann man z.b. der Hierarchie: .scroller .vscroller zum Beispiel ein right:20px oder so zuweisen, das resultiert in einer Verschiebung, so könnte man das dann auch in der horizontalen Positionieren.
 
Vielen Dank erstmal. Lustigerweise habe ich es so ähnlich gemacht, wie cx01 vorgeschlagen hat.

Ich habe es gestern noch so gelöst, dass ich nun ein weiteren DIV an die Stelle gesetzt habe, an der ich die Scrollbar haben möchte, in der eine Tabelle in gleicher Breite mit 1px Höhe ist und dann mit einer Javascriptfunktion den Scrollbar mit denen der anderen Tabellen synchronisiert habe. Das funktioniert soweit auch ganz gut.
Ich kämpfe mich erstmal durch das restliche Design HickHack durch. Das ist nicht schön, wenn man mehrere Tabellen und Divs ineinander verschachtelt hat.
Ich habe zum Beispiel das Problem mit CSS Stylesheets, die ich auf eine Tabelle mit einer bestimmten ID oder class anwende: Die Style Anweisungen gelten dann automatisch auch für alle enthaltenen Tabellen, obwohl die eine andere ID, bzw Class haben.
Auch die Geschichte mit Abständen und so ist noch nicht wirklich toll.
 
Wechhe schrieb:
Die Style Anweisungen gelten dann automatisch auch für alle enthaltenen Tabellen, obwohl die eine andere ID, bzw Class haben.
Auch die Geschichte mit Abständen und so ist noch nicht wirklich toll.

Das müsste man so beheben können:

"Äußere" Tabelle mit class #outer:
table#outer
{
left:20px;
}

table#outer table
{
left:auto;
}

als Beispiel für eine Tabelle, das geht natürlich auch mit allen anderen html-Tags

Oder wenn du nur eine Tabellen-Ebene beeinflussen willst:
table#outer>table
{
left:auto;
}
 
Vielen Dank erstmal, das funktioniert aber irgendwie alles nicht so. Ich poste der einfach mal den Code:

Browser: Internet Explorer 8 !!

Das Scrollen der Kalenderwochen funktioniert nur mit der Javascriptfunktion.

HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
	<meta content="text/html; charset=ISO-8859-1" http-equiv="content-type">
	<title>Terminüberwachung</title>
	<link rel="stylesheet" href="style.css" type="text/css">
	<script language="JavaScript" src="script.js" type="text/javascript">
	</script>
	<script language="JavaScript" src="overlib.js" type="text/javascript">
	</script>
</head>
<body>

<!-- Main Div -->
<div style="height: 630px; width: 1024px;">
  <div style="width: 1000px; margin-left: 10px; margin-top: 100px;">
	<table style="text-align: center; font-size: 0.9em; border-spacing: 0px; width: 1000px; border: thin solid #7f9db9;" 
		border="0" cellpadding="1" cellspacing="0" bgcolor="#ffffff">
	<tr>      <!-- Kopfreihe-->
	  <td>
		<table style="width: 950px; border-collapse:collapse;" id="tbl_termine_kopf">  
		  <col style="width: 40px;">
		  <col style="width: 40px;">
		  <col style="width: 100px;">
		  <col style="width: 100px;">
		  <col style="width: 100px;">
		  <col style="width: 50px;">
		  <col style="width: 50px;">
		  <col style="width: 50px;">
		  <col style="width: 220px;">
		  <col style="width: 50px;">
		  <col style="width: 50px;">
		  <col style="width: 50px;">
		  <tbody>
		  <tr>
		  <th style="font-weight: 400;" align="center" valign="middle">1</th>
		  <th style="font-weight: 400;" align="center" valign="middle">2</th>
		  <th style="font-weight: 400;" align="center" valign="middle">3</th>
		  <th style="font-weight: 400;" align="center" valign="middle">4</th>
		  <th style="font-weight: 400;" align="center" valign="middle">5</th>
		  <th style="font-weight: 400;" align="center" valign="middle">6</th>
		  <th style="font-weight: 400;" align="center" valign="middle">7</th>
		  <th style="font-weight: 400;" align="center" valign="middle">8</th>
		  <td>
			<div style="width: 220px; overflow-x: scroll; overflow-y: hidden" id="scrollH3">
			  <table border="0" style="height:1px; width:440px; border-style:none;">
			  </table>
			</div>
			<div style="width: 220px; overflow: hidden;" id="scrollH1">
			<table border="0" style="table-layout:fixed; width: 440px; margin-bottom: 0px; border-collapse:collapse;"> 
			<colgroup >
			</colgroup>
			  <tr>
			  <th style="font-weight: 400;" colspan="2" align="center" valign="middle">KW 01</th>
			  <th style="font-weight: 400;" colspan="2" align="center" valign="middle">KW 02</th>
			  <th style="font-weight: 400;" colspan="2" align="center" valign="middle">KW 03</th>
			  <th style="font-weight: 400;" colspan="2" align="center" valign="middle">KW 04</th>
			  <th style="font-weight: 400;" colspan="2" align="center" valign="middle">KW 05</th>
			  <th style="font-weight: 400;" colspan="2" align="center" valign="middle">KW 06</th>
			  <th style="font-weight: 400;" colspan="2" align="center" valign="middle">KW 07</th>
			  <th style="font-weight: 400;" colspan="2" align="center" valign="middle">KW 08</th>
			  <th style="font-weight: 400;" colspan="2" align="center" valign="middle">KW 09</th>
			  <th style="font-weight: 400;" colspan="2" align="center" valign="middle">KW 10</th>
			  </tr>
			</table>
			</div>
		  </td>
		  <th style="font-weight: 400;" align="center" valign="middle">56</th>
		  <th style="font-weight: 400;" align="center" valign="middle">43</th>
		  <th style="font-weight: 400;" align="center" valign="middle">4234</th>
		  </tr>
		</tbody>
		</table>
	  </td>
	</tr>   <!-- ENDE Kopfreihe-->
	<tr>    <!-- Anfang Body-->    
	  <td>
		<div style="height: 200px; margin-top: -2px; overflow:auto; border-collapse:collapse;">
		  <table style="width: 950px" id="tbl_termine_body">
			<col style="width: 40px;">
		    <col style="width: 40px;">
		    <col style="width: 100px;">
		    <col style="width: 100px;">
		    <col style="width: 100px;">
		    <col style="width: 50px;">
		    <col style="width: 50px;">
		    <col style="width: 50px;">
		    <col style="width: 220px;">
		    <col style="width: 50px;">
		    <col style="width: 50px;">
		    <col style="width: 50px;">			
		  <tbody>
		  <tr class="termine_reihe">
		    <td colspan="1" rowspan="3" align="center" valign="middle">1</td>
		    <td colspan="1" rowspan="3" align="center" valign="middle">17205</td>
		    <td colspan="1" rowspan="3" align="center" valign="middle">3534</td>
		    <td colspan="1" rowspan="3" align="center" valign="middle">3453</td>
		    <td colspan="1" rowspan="3" align="center" valign="middle">35345</td>
		    <td colspan="1" rowspan="3" align="center" valign="middle">353</td>
		    <td colspan="1" rowspan="1" align="center" valign="middle">24</td>
		    <td colspan="1" rowspan="1" align="center" valign="middle">6456</td>
		    <td rowspan="12">
			<div style="width: 220px; overflow: hidden;" id="scrollH2">
			<table border="0" style="table-layout:fixed; width: 440px; border-collapse:collapse; " id="tbl_termine_kld">
			    <tr class="termine_reihe_kld">
				  <td align="center" valign="middle">5</td>
				  <td align="center" valign="middle">60</td>
				  <td align="center" valign="middle">0</td>
				  <td align="center" valign="middle">0</td>
				  <td align="center" valign="middle">0</td>
				  <td align="center" valign="middle">0</td>
				  <td align="center" valign="middle">2</td>
				  <td align="center" valign="middle">24</td>
				  <td align="center" valign="middle">0</td>
				  <td align="center" valign="middle">0</td>
				  <td align="center" valign="middle">5</td>
				  <td align="center" valign="middle">60</td>
				  <td align="center" valign="middle">0</td>
				  <td align="center" valign="middle">0</td>
				  <td align="center" valign="middle">0</td>
				  <td align="center" valign="middle">0</td>
				  <td align="center" valign="middle">2</td>
				  <td align="center" valign="middle">24</td>
				  <td align="center" valign="middle">0</td>
				  <td align="center" valign="middle">0</td>
				</tr>
			    <tr class="termine_reihe_kld">
				  <td align="center" valign="middle">3</td>
				  <td align="center" valign="middle">36</td>
				  <td align="center" valign="middle">1</td>
				  <td align="center" valign="middle">12</td>
				  <td align="center" valign="middle">1</td>
				  <td align="center" valign="middle">0</td>
				  <td align="center" valign="middle">1</td>
				  <td align="center" valign="middle">12</td>
				  <td align="center" valign="middle">0</td>
				  <td align="center" valign="middle">0</td>
				  <td align="center" valign="middle">3</td>
				  <td align="center" valign="middle">36</td>
				  <td align="center" valign="middle">1</td>
				  <td align="center" valign="middle">12</td>
				  <td align="center" valign="middle">1</td>
				  <td align="center" valign="middle">0</td>
				  <td align="center" valign="middle">1</td>
				  <td align="center" valign="middle">12</td>
				  <td align="center" valign="middle">0</td>
				  <td align="center" valign="middle">0</td>
				  </tr>
			    <tr class="termine_reihe_kld">
				  <td align="center" valign="middle">3</td>
				  <td align="center" valign="middle">36</td>
				  <td align="center" valign="middle">4</td>
				  <td align="center" valign="middle">48</td>
				  <td align="center" valign="middle">5</td>
				  <td align="center" valign="middle">60</td>
				  <td align="center" valign="middle">6</td>
				  <td align="center" valign="middle">72</td>
				  <td align="center" valign="middle">6</td>
				  <td align="center" valign="middle">72</td>
				  <td align="center" valign="middle">3</td>
				  <td align="center" valign="middle">36</td>
				  <td align="center" valign="middle">4</td>
				  <td align="center" valign="middle">48</td>
				  <td align="center" valign="middle">5</td>
				  <td align="center" valign="middle">60</td>
				  <td align="center" valign="middle">6</td>
				  <td align="center" valign="middle">72</td>
				  <td align="center" valign="middle">6</td>
				  <td align="center" valign="middle">72</td>
			    </tr>
			    <tr class="termine_reihe_kld">
				  <td align="center" valign="middle">5</td>
				  <td align="center" valign="middle">60</td>
				  <td align="center" valign="middle">0</td>
				  <td align="center" valign="middle">0</td>
				  <td align="center" valign="middle">0</td>
				  <td align="center" valign="middle">0</td>
				  <td align="center" valign="middle">2</td>
				  <td align="center" valign="middle">24</td>
				  <td align="center" valign="middle">0</td>
				  <td align="center" valign="middle">0</td>
				  <td align="center" valign="middle">5</td>
				  <td align="center" valign="middle">60</td>
				  <td align="center" valign="middle">0</td>
				  <td align="center" valign="middle">0</td>
				  <td align="center" valign="middle">0</td>
				  <td align="center" valign="middle">0</td>
				  <td align="center" valign="middle">2</td>
				  <td align="center" valign="middle">24</td>
				  <td align="center" valign="middle">0</td>
				  <td align="center" valign="middle">0</td>
				  </tr>
			    <tr class="termine_reihe_kld">
				  <td align="center" valign="middle">3</td>
				  <td align="center" valign="middle">36</td>
				  <td align="center" valign="middle">1</td>
				  <td align="center" valign="middle">12</td>
				  <td align="center" valign="middle">1</td>
				  <td align="center" valign="middle">0</td>
				  <td align="center" valign="middle">1</td>
				  <td align="center" valign="middle">12</td>
				  <td align="center" valign="middle">0</td>
				  <td align="center" valign="middle">0</td>
				  <td align="center" valign="middle">3</td>
				  <td align="center" valign="middle">36</td>
				  <td align="center" valign="middle">1</td>
				  <td align="center" valign="middle">12</td>
				  <td align="center" valign="middle">1</td>
				  <td align="center" valign="middle">0</td>
				  <td align="center" valign="middle">1</td>
				  <td align="center" valign="middle">12</td>
				  <td align="center" valign="middle">0</td>
				  <td align="center" valign="middle">0</td>
				  </tr>
			    <tr class="termine_reihe_kld">
				  <td align="center" valign="middle">3</td>
				  <td align="center" valign="middle">36</td>
				  <td align="center" valign="middle">4</td>
				  <td align="center" valign="middle">48</td>
				  <td align="center" valign="middle">5</td>
				  <td align="center" valign="middle">60</td>
				  <td align="center" valign="middle">6</td>
				  <td align="center" valign="middle">72</td>
				  <td align="center" valign="middle">6</td>
				  <td align="center" valign="middle">72</td>
				  <td align="center" valign="middle">3</td>
				  <td align="center" valign="middle">36</td>
				  <td align="center" valign="middle">4</td>
				  <td align="center" valign="middle">48</td>
				  <td align="center" valign="middle">5</td>
				  <td align="center" valign="middle">60</td>
				  <td align="center" valign="middle">6</td>
				  <td align="center" valign="middle">72</td>
				  <td align="center" valign="middle">6</td>
				  <td align="center" valign="middle">72</td>
			    </tr>
			    <tr class="termine_reihe_kld">
				  <td align="center" valign="middle">5</td>
				  <td align="center" valign="middle">60</td>
				  <td align="center" valign="middle">0</td>
				  <td align="center" valign="middle">0</td>
				  <td align="center" valign="middle">0</td>
				  <td align="center" valign="middle">0</td>
				  <td align="center" valign="middle">2</td>
				  <td align="center" valign="middle">24</td>
				  <td align="center" valign="middle">0</td>
				  <td align="center" valign="middle">0</td>
				  <td align="center" valign="middle">5</td>
				  <td align="center" valign="middle">60</td>
				  <td align="center" valign="middle">0</td>
				  <td align="center" valign="middle">0</td>
				  <td align="center" valign="middle">0</td>
				  <td align="center" valign="middle">0</td>
				  <td align="center" valign="middle">2</td>
				  <td align="center" valign="middle">24</td>
				  <td align="center" valign="middle">0</td>
				  <td align="center" valign="middle">0</td>
				  </tr>
			    <tr class="termine_reihe_kld">
				  <td align="center" valign="middle">3</td>
				  <td align="center" valign="middle">36</td>
				  <td align="center" valign="middle">1</td>
				  <td align="center" valign="middle">12</td>
				  <td align="center" valign="middle">1</td>
				  <td align="center" valign="middle">0</td>
				  <td align="center" valign="middle">1</td>
				  <td align="center" valign="middle">12</td>
				  <td align="center" valign="middle">0</td>
				  <td align="center" valign="middle">0</td>
				  <td align="center" valign="middle">3</td>
				  <td align="center" valign="middle">36</td>
				  <td align="center" valign="middle">1</td>
				  <td align="center" valign="middle">12</td>
				  <td align="center" valign="middle">1</td>
				  <td align="center" valign="middle">0</td>
				  <td align="center" valign="middle">1</td>
				  <td align="center" valign="middle">12</td>
				  <td align="center" valign="middle">0</td>
				  <td align="center" valign="middle">0</td>
				  </tr>
			    <tr class="termine_reihe_kld">
				  <td align="center" valign="middle">3</td>
				  <td align="center" valign="middle">36</td>
				  <td align="center" valign="middle">4</td>
				  <td align="center" valign="middle">48</td>
				  <td align="center" valign="middle">5</td>
				  <td align="center" valign="middle">60</td>
				  <td align="center" valign="middle">6</td>
				  <td align="center" valign="middle">72</td>
				  <td align="center" valign="middle">6</td>
				  <td align="center" valign="middle">72</td>
				  <td align="center" valign="middle">3</td>
				  <td align="center" valign="middle">36</td>
				  <td align="center" valign="middle">4</td>
				  <td align="center" valign="middle">48</td>
				  <td align="center" valign="middle">5</td>
				  <td align="center" valign="middle">60</td>
				  <td align="center" valign="middle">6</td>
				  <td align="center" valign="middle">72</td>
				  <td align="center" valign="middle">6</td>
				  <td align="center" valign="middle">72</td>
			    </tr>
			    <tr class="termine_reihe_kld">
				  <td align="center" valign="middle">5</td>
				  <td align="center" valign="middle">60</td>
				  <td align="center" valign="middle">0</td>
				  <td align="center" valign="middle">0</td>
				  <td align="center" valign="middle">0</td>
				  <td align="center" valign="middle">0</td>
				  <td align="center" valign="middle">2</td>
				  <td align="center" valign="middle">24</td>
				  <td align="center" valign="middle">0</td>
				  <td align="center" valign="middle">0</td>
				  <td align="center" valign="middle">5</td>
				  <td align="center" valign="middle">60</td>
				  <td align="center" valign="middle">0</td>
				  <td align="center" valign="middle">0</td>
				  <td align="center" valign="middle">0</td>
				  <td align="center" valign="middle">0</td>
				  <td align="center" valign="middle">2</td>
				  <td align="center" valign="middle">24</td>
				  <td align="center" valign="middle">0</td>
				  <td align="center" valign="middle">0</td>
				  </tr>
			    <tr class="termine_reihe_kld">
				  <td align="center" valign="middle">3</td>
				  <td align="center" valign="middle">36</td>
				  <td align="center" valign="middle">1</td>
				  <td align="center" valign="middle">12</td>
				  <td align="center" valign="middle">1</td>
				  <td align="center" valign="middle">0</td>
				  <td align="center" valign="middle">1</td>
				  <td align="center" valign="middle">12</td>
				  <td align="center" valign="middle">0</td>
				  <td align="center" valign="middle">0</td>
				  <td align="center" valign="middle">3</td>
				  <td align="center" valign="middle">36</td>
				  <td align="center" valign="middle">1</td>
				  <td align="center" valign="middle">12</td>
				  <td align="center" valign="middle">1</td>
				  <td align="center" valign="middle">0</td>
				  <td align="center" valign="middle">1</td>
				  <td align="center" valign="middle">12</td>
				  <td align="center" valign="middle">0</td>
				  <td align="center" valign="middle">0</td>
				  </tr>
			    <tr class="termine_reihe_kld">
				  <th style="font-weight: 400;" align="center" valign="middle">3</th>
				  <th style="font-weight: 400;" align="center" valign="middle">36</th>
				  <th style="font-weight: 400;" align="center" valign="middle">4</th>
				  <th style="font-weight: 400;" align="center" valign="middle">48</th>
				  <th style="font-weight: 400;" align="center" valign="middle">5</th>
				  <th style="font-weight: 400;" align="center" valign="middle">60</th>
				  <th style="font-weight: 400;" align="center" valign="middle">6</th>
				  <th style="font-weight: 400;" align="center" valign="middle">72</th>
				  <th style="font-weight: 400;" align="center" valign="middle">6</th>
				  <th style="font-weight: 400;" align="center" valign="middle">72</th>
				  <th style="font-weight: 400;" align="center" valign="middle">3</th>
				  <th style="font-weight: 400;" align="center" valign="middle">36</th>
				  <th style="font-weight: 400;" align="center" valign="middle">4</th>
				  <th style="font-weight: 400;" align="center" valign="middle">48</th>
				  <th style="font-weight: 400;" align="center" valign="middle">5</th>
				  <th style="font-weight: 400;" align="center" valign="middle">60</th>
				  <th style="font-weight: 400;" align="center" valign="middle">6</th>
				  <th style="font-weight: 400;" align="center" valign="middle">72</th>
				  <th style="font-weight: 400;" align="center" valign="middle">6</th>
				  <th style="font-weight: 400;" align="center" valign="middle">72</th>
			    </tr>
			</table>
			</div>
		    </td>
		    <td align="center" valign="middle">7</td>
		    <td colspan="1" rowspan="3" align="center" valign="middle">86%</td>
		    <td colspan="1" rowspan="3" align="center" valign="middle">Gelb</td>
		</tr>
		<tr>
		  <td colspan="1" rowspan="2" align="center" valign="middle">2935</td>
		  <td colspan="1" rowspan="2" align="center" valign="middle">Ist</td>
		  <td colspan="1" rowspan="1" align="center" valign="middle">6</td>
		</tr>
		<tr>
		  <td align="center" valign="middle">72</td>
		</tr>
		
		<tr class="termine_reihe">
		  <td colspan="1" rowspan="3" align="center" valign="middle">1</td>
		  <td colspan="1" rowspan="3" align="center" valign="middle">17205</td>
		  <td colspan="1" rowspan="3" align="center" valign="middle">57456</td>
		  <td colspan="1" rowspan="3" align="center" valign="middle">355</td>
		  <td colspan="1" rowspan="3" align="center" valign="middle">355</td>
		  <td colspan="1" rowspan="3" align="center" valign="middle">12</td>
		  <td colspan="1" rowspan="1" align="center" valign="middle">2935</td>
		  <td colspan="1" rowspan="1" align="center" valign="middle">3535</td>
		    
		  <td align="center" valign="middle">7</td>
		  <td colspan="1" rowspan="3" align="center" valign="middle">86%</td>
		  <td colspan="1" rowspan="3" align="center" valign="middle">7334</td>
		</tr>
		<tr>
		  <td colspan="1" rowspan="2" align="center" valign="middle">2935</td>
		  <td colspan="1" rowspan="2" align="center" valign="middle">3467</td>
		  <td colspan="1" rowspan="1" align="center" valign="middle">6</td>
		</tr>
		<tr>
		  <td align="center" valign="middle">72</td>
		</tr>
		<tr>
		  <td colspan="1" rowspan="3" align="center" valign="middle">1</td>
		  <td colspan="1" rowspan="3" align="center" valign="middle">17205</td>
		  <td colspan="1" rowspan="3" align="center" valign="middle">84</td>
		  <td colspan="1" rowspan="3" align="center" valign="middle">324</td>
		  <td colspan="1" rowspan="3" align="center" valign="middle">43563</td>
		  <td colspan="1" rowspan="3" align="center" valign="middle">12</td>
		  <td colspan="1" rowspan="1" align="center" valign="middle">2935</td>
		  <td colspan="1" rowspan="1" align="center" valign="middle">Soll</td>
		    
		  <td align="center" valign="middle">7</td>
		  <td colspan="1" rowspan="3" align="center" valign="middle">86%</td>
		  <td colspan="1" rowspan="3" align="center" valign="middle">Gelb</td>
		</tr>
		<tr>
		  <td colspan="1" rowspan="2" align="center" valign="middle">2935</td>
		  <td colspan="1" rowspan="2" align="center" valign="middle">Ist</td>
		  <td colspan="1" rowspan="1" align="center" valign="middle">6</td>
		</tr>
		<tr>
		  <td align="center" valign="middle">72</td>
		</tr>
		<tr>
		  <td colspan="1" rowspan="3" align="center" valign="middle">1</td>
		  <td colspan="1" rowspan="3" align="center" valign="middle">17205</td>
		  <td colspan="1" rowspan="3" align="center" valign="middle">84</td>
		  <td colspan="1" rowspan="3" align="center" valign="middle">324</td>
		  <td colspan="1" rowspan="3" align="center" valign="middle">43563</td>
		  <td colspan="1" rowspan="3" align="center" valign="middle">12</td>
		  <td colspan="1" rowspan="1" align="center" valign="middle">2935</td>
		  <td colspan="1" rowspan="1" align="center" valign="middle">Soll</td>
		    
		  <td align="center" valign="middle">7</td>
		  <td colspan="1" rowspan="3" align="center" valign="middle">86%</td>
		  <td colspan="1" rowspan="3" align="center" valign="middle">Gelb</td>
		</tr>
		<tr>
		  <td colspan="1" rowspan="2" align="center" valign="middle">2935</td>
		  <td colspan="1" rowspan="2" align="center" valign="middle">Ist</td>
		  <td colspan="1" rowspan="1" align="center" valign="middle">6</td>
		</tr>
		<tr>
		  <td align="center" valign="middle">72</td>
		</tr>
		
		
		  </tbody>
		  </table>
	    </div>
	  </td>
	</tr>
	</table>
  </div>
</div>
<!-- Ende Main Div -->

</body></html>

Auszug aus der style.css

Code:
/**###############################################################################################################
 -------------------------------------Tabellenformatierung--------------------------------------------------------
###############################################################################################################**/

#tbl_termine
{
}

table#tbl_termine_kopf th
{
   border-right-style: solid; 
   border-right-width: 1px ;
   border-bottom-style: solid;
   border-bottom-width: 2px;
}

table#tbl_termine_body td
{
   border-right-style: solid; 
   border-right-width: 1px ; 
   border-bottom-style: solid;
   border-bottom-width: 1px;
}

.termine_reihe
{
   height:30px;
   
}

.termine_reihe_kld
{
   height: 30px;
   border-bottom-width: 0px;
   
}

table#tbl_termine_kld td
{
  border-right-style: solid;
  border-right-width: 0px;
}
/**###############################################################################################################
-------------------------------------------BODY-------------------------------------------------------------------
###############################################################################################################**/

body 
{ 
	background-color:rgb(234, 234, 234); font-family:CorpoS;
}

Probleme:

Die Zeilenabstände stimmen nicht und lassen sich so anpassen, dass der Bereich und den Kalenderwochen zum Rest passt. (liegt wohl am rowspan)
 
ah ... ein Internet-Explorer-Problem. Immer weider schön. Ein Vorschlag:

Definiere die Zeilenhöhe einer Zeile der globalen Tabelle fest. Zeilen mit einfacher höhe z.B. 30 px. Dann sind alle Zeilen mit rowspan=2 auch 60 px hoch.

Code:
#tbl_termine_kld tr, #tbl_termine_kld td , #tbl_termine_body tr, #tbl_termine_body td
{
	height:30px;
	padding:0xp;
	margin:0px;
}

dann habe ich noch das padding und margin in der Titelzeile der obersten Tabele angepasst:
Code:
#scrollingHeader
{
	height:60px;
	padding:0px;
	margin:0px;
}

Dann verbiete den Browsern Zellzwischenräume zu nutzen. Konkret geht das so:
HTML:
<table style="width: 950px" id="tbl_termine_body" cellpadding="0" cellspacing ="0">

Im internet Explorer 8 konnte ich es nicht testen, jedoch bleibt im Internet Explorer 9 ein Pixel pro 3-er Reihe als fehler in der höhe übrig. anscheinden rechnet der IE den Rahmen einer Tabellenzelle zu seiner höhe dazu. Da fällt mir im moment nur per Browserweiche das hier einzufügen ein:
Code:
#tbl_termine_kld td
{
	height:28px;
}

Dann habe ich noch n bisschen in der Formatierung der obersten Titelzeile rumgewerkelt, da müsstest du eventuel in der eingebetteten Tabelle im div-Layer #scrollH1 noch die Trennungslinien explizit setzen.

Der vollständige Code:
HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
	<meta content="text/html; charset=ISO-8859-1" http-equiv="content-type">
	<title>Terminüberwachung</title>
	<link rel="stylesheet" href="style.css" type="text/css">
	<script language="JavaScript" src="script.js" type="text/javascript">
	</script>
	<script language="JavaScript" src="overlib.js" type="text/javascript">
	</script>
</head>
<body>

<!-- Main Div -->
<div style="height: 630px; width: 1024px;">
  <div style="width: 1000px; margin-left: 10px; margin-top: 100px;">
	<table style="text-align: center; font-size: 0.9em; border-spacing: 0px; width: 1000px; border: thin solid #7f9db9;" 
		border="0" cellpadding="1" cellspacing="0" bgcolor="#ffffff">
	<tr>      <!-- Kopfreihe-->
	  <td>
		<table style="width: 950px; border-collapse:collapse;" id="tbl_termine_kopf">  
		  <col style="width: 40px;">
		  <col style="width: 40px;">
		  <col style="width: 100px;">
		  <col style="width: 100px;">
		  <col style="width: 100px;">
		  <col style="width: 50px;">
		  <col style="width: 50px;">
		  <col style="width: 50px;">
		  <col style="width: 220px;">
		  <col style="width: 50px;">
		  <col style="width: 50px;">
		  <col style="width: 50px;">
		  <tbody>
		  <tr>
		  <th style="font-weight: 400;" align="center" valign="middle">1</th>
		  <th style="font-weight: 400;" align="center" valign="middle">2</th>
		  <th style="font-weight: 400;" align="center" valign="middle">3</th>
		  <th style="font-weight: 400;" align="center" valign="middle">4</th>
		  <th style="font-weight: 400;" align="center" valign="middle">5</th>
		  <th style="font-weight: 400;" align="center" valign="middle">6</th>
		  <th style="font-weight: 400;" align="center" valign="middle">7</th>
		  <th style="font-weight: 400;" align="center" valign="middle">8</th>
		  <th id="scrollingHeader">
			<div style="width: 220px; overflow-x: scroll; overflow-y: hidden" id="scrollH3">
			  <table border="0" style="height:1px; width:440px; border-style:none;">
			  </table>
			</div>
			<div style="width: 220px; overflow: hidden;" id="scrollH1">
			<table border="0" style="table-layout:fixed; width: 440px; margin-bottom: 0px; border-collapse:collapse;"> 
			<colgroup >
			</colgroup>
			  <tr>
			  <th style="font-weight: 400;" colspan="2" align="center" valign="middle">KW 01</th>
			  <th style="font-weight: 400;" colspan="2" align="center" valign="middle">KW 02</th>
			  <th style="font-weight: 400;" colspan="2" align="center" valign="middle">KW 03</th>
			  <th style="font-weight: 400;" colspan="2" align="center" valign="middle">KW 04</th>
			  <th style="font-weight: 400;" colspan="2" align="center" valign="middle">KW 05</th>
			  <th style="font-weight: 400;" colspan="2" align="center" valign="middle">KW 06</th>
			  <th style="font-weight: 400;" colspan="2" align="center" valign="middle">KW 07</th>
			  <th style="font-weight: 400;" colspan="2" align="center" valign="middle">KW 08</th>
			  <th style="font-weight: 400;" colspan="2" align="center" valign="middle">KW 09</th>
			  <th style="font-weight: 400;" colspan="2" align="center" valign="middle">KW 10</th>
			  </tr>
			</table>
			</div>
		  </th>
		  <th style="font-weight: 400;" align="center" valign="middle">56</th>
		  <th style="font-weight: 400;" align="center" valign="middle">43</th>
		  <th style="font-weight: 400;" align="center" valign="middle">4234</th>
		  </tr>
		</tbody>
		</table>
	  </td>
	</tr>   <!-- ENDE Kopfreihe-->
	<tr>    <!-- Anfang Body-->    
	  <td>
		<div style="height: 200px; margin-top: -2px; overflow:auto; border-collapse:collapse;">
		  <table style="width: 950px" id="tbl_termine_body" cellpadding="0" cellspacing ="0">
			<col style="width: 40px;">
		    <col style="width: 40px;">
		    <col style="width: 100px;">
		    <col style="width: 100px;">
		    <col style="width: 100px;">
		    <col style="width: 50px;">
		    <col style="width: 50px;">
		    <col style="width: 50px;">
		    <col style="width: 220px;">
		    <col style="width: 50px;">
		    <col style="width: 50px;">
		    <col style="width: 50px;">			
		  <tbody>
		  <tr class="termine_reihe">
		    <td colspan="1" rowspan="3" align="center" valign="middle">1</td>
		    <td colspan="1" rowspan="3" align="center" valign="middle">17205</td>
		    <td colspan="1" rowspan="3" align="center" valign="middle">3534</td>
		    <td colspan="1" rowspan="3" align="center" valign="middle">3453</td>
		    <td colspan="1" rowspan="3" align="center" valign="middle">35345</td>
		    <td colspan="1" rowspan="3" align="center" valign="middle">353</td>
		    <td colspan="1" rowspan="1" align="center" valign="middle">24</td>
		    <td colspan="1" rowspan="1" align="center" valign="middle">6456</td>
		    <td rowspan="12">
			<div style="width: 220px; overflow: hidden;" id="scrollH2">
			<table border="0" style="table-layout:fixed; width: 440px; border-collapse:collapse; " id="tbl_termine_kld">
			    <tr class="termine_reihe_kld">
				  <td align="center" valign="middle">5</td>
				  <td align="center" valign="middle">60</td>
				  <td align="center" valign="middle">0</td>
				  <td align="center" valign="middle">0</td>
				  <td align="center" valign="middle">0</td>
				  <td align="center" valign="middle">0</td>
				  <td align="center" valign="middle">2</td>
				  <td align="center" valign="middle">24</td>
				  <td align="center" valign="middle">0</td>
				  <td align="center" valign="middle">0</td>
				  <td align="center" valign="middle">5</td>
				  <td align="center" valign="middle">60</td>
				  <td align="center" valign="middle">0</td>
				  <td align="center" valign="middle">0</td>
				  <td align="center" valign="middle">0</td>
				  <td align="center" valign="middle">0</td>
				  <td align="center" valign="middle">2</td>
				  <td align="center" valign="middle">24</td>
				  <td align="center" valign="middle">0</td>
				  <td align="center" valign="middle">0</td>
				</tr>
			    <tr class="termine_reihe_kld">
				  <td align="center" valign="middle">3</td>
				  <td align="center" valign="middle">36</td>
				  <td align="center" valign="middle">1</td>
				  <td align="center" valign="middle">12</td>
				  <td align="center" valign="middle">1</td>
				  <td align="center" valign="middle">0</td>
				  <td align="center" valign="middle">1</td>
				  <td align="center" valign="middle">12</td>
				  <td align="center" valign="middle">0</td>
				  <td align="center" valign="middle">0</td>
				  <td align="center" valign="middle">3</td>
				  <td align="center" valign="middle">36</td>
				  <td align="center" valign="middle">1</td>
				  <td align="center" valign="middle">12</td>
				  <td align="center" valign="middle">1</td>
				  <td align="center" valign="middle">0</td>
				  <td align="center" valign="middle">1</td>
				  <td align="center" valign="middle">12</td>
				  <td align="center" valign="middle">0</td>
				  <td align="center" valign="middle">0</td>
				  </tr>
			    <tr class="termine_reihe_kld">
				  <td align="center" valign="middle">3</td>
				  <td align="center" valign="middle">36</td>
				  <td align="center" valign="middle">4</td>
				  <td align="center" valign="middle">48</td>
				  <td align="center" valign="middle">5</td>
				  <td align="center" valign="middle">60</td>
				  <td align="center" valign="middle">6</td>
				  <td align="center" valign="middle">72</td>
				  <td align="center" valign="middle">6</td>
				  <td align="center" valign="middle">72</td>
				  <td align="center" valign="middle">3</td>
				  <td align="center" valign="middle">36</td>
				  <td align="center" valign="middle">4</td>
				  <td align="center" valign="middle">48</td>
				  <td align="center" valign="middle">5</td>
				  <td align="center" valign="middle">60</td>
				  <td align="center" valign="middle">6</td>
				  <td align="center" valign="middle">72</td>
				  <td align="center" valign="middle">6</td>
				  <td align="center" valign="middle">72</td>
			    </tr>
			    <tr class="termine_reihe_kld">
				  <td align="center" valign="middle">5</td>
				  <td align="center" valign="middle">60</td>
				  <td align="center" valign="middle">0</td>
				  <td align="center" valign="middle">0</td>
				  <td align="center" valign="middle">0</td>
				  <td align="center" valign="middle">0</td>
				  <td align="center" valign="middle">2</td>
				  <td align="center" valign="middle">24</td>
				  <td align="center" valign="middle">0</td>
				  <td align="center" valign="middle">0</td>
				  <td align="center" valign="middle">5</td>
				  <td align="center" valign="middle">60</td>
				  <td align="center" valign="middle">0</td>
				  <td align="center" valign="middle">0</td>
				  <td align="center" valign="middle">0</td>
				  <td align="center" valign="middle">0</td>
				  <td align="center" valign="middle">2</td>
				  <td align="center" valign="middle">24</td>
				  <td align="center" valign="middle">0</td>
				  <td align="center" valign="middle">0</td>
				  </tr>
			    <tr class="termine_reihe_kld">
				  <td align="center" valign="middle">3</td>
				  <td align="center" valign="middle">36</td>
				  <td align="center" valign="middle">1</td>
				  <td align="center" valign="middle">12</td>
				  <td align="center" valign="middle">1</td>
				  <td align="center" valign="middle">0</td>
				  <td align="center" valign="middle">1</td>
				  <td align="center" valign="middle">12</td>
				  <td align="center" valign="middle">0</td>
				  <td align="center" valign="middle">0</td>
				  <td align="center" valign="middle">3</td>
				  <td align="center" valign="middle">36</td>
				  <td align="center" valign="middle">1</td>
				  <td align="center" valign="middle">12</td>
				  <td align="center" valign="middle">1</td>
				  <td align="center" valign="middle">0</td>
				  <td align="center" valign="middle">1</td>
				  <td align="center" valign="middle">12</td>
				  <td align="center" valign="middle">0</td>
				  <td align="center" valign="middle">0</td>
				  </tr>
			    <tr class="termine_reihe_kld">
				  <td align="center" valign="middle">3</td>
				  <td align="center" valign="middle">36</td>
				  <td align="center" valign="middle">4</td>
				  <td align="center" valign="middle">48</td>
				  <td align="center" valign="middle">5</td>
				  <td align="center" valign="middle">60</td>
				  <td align="center" valign="middle">6</td>
				  <td align="center" valign="middle">72</td>
				  <td align="center" valign="middle">6</td>
				  <td align="center" valign="middle">72</td>
				  <td align="center" valign="middle">3</td>
				  <td align="center" valign="middle">36</td>
				  <td align="center" valign="middle">4</td>
				  <td align="center" valign="middle">48</td>
				  <td align="center" valign="middle">5</td>
				  <td align="center" valign="middle">60</td>
				  <td align="center" valign="middle">6</td>
				  <td align="center" valign="middle">72</td>
				  <td align="center" valign="middle">6</td>
				  <td align="center" valign="middle">72</td>
			    </tr>
			    <tr class="termine_reihe_kld">
				  <td align="center" valign="middle">5</td>
				  <td align="center" valign="middle">60</td>
				  <td align="center" valign="middle">0</td>
				  <td align="center" valign="middle">0</td>
				  <td align="center" valign="middle">0</td>
				  <td align="center" valign="middle">0</td>
				  <td align="center" valign="middle">2</td>
				  <td align="center" valign="middle">24</td>
				  <td align="center" valign="middle">0</td>
				  <td align="center" valign="middle">0</td>
				  <td align="center" valign="middle">5</td>
				  <td align="center" valign="middle">60</td>
				  <td align="center" valign="middle">0</td>
				  <td align="center" valign="middle">0</td>
				  <td align="center" valign="middle">0</td>
				  <td align="center" valign="middle">0</td>
				  <td align="center" valign="middle">2</td>
				  <td align="center" valign="middle">24</td>
				  <td align="center" valign="middle">0</td>
				  <td align="center" valign="middle">0</td>
				  </tr>
			    <tr class="termine_reihe_kld">
				  <td align="center" valign="middle">3</td>
				  <td align="center" valign="middle">36</td>
				  <td align="center" valign="middle">1</td>
				  <td align="center" valign="middle">12</td>
				  <td align="center" valign="middle">1</td>
				  <td align="center" valign="middle">0</td>
				  <td align="center" valign="middle">1</td>
				  <td align="center" valign="middle">12</td>
				  <td align="center" valign="middle">0</td>
				  <td align="center" valign="middle">0</td>
				  <td align="center" valign="middle">3</td>
				  <td align="center" valign="middle">36</td>
				  <td align="center" valign="middle">1</td>
				  <td align="center" valign="middle">12</td>
				  <td align="center" valign="middle">1</td>
				  <td align="center" valign="middle">0</td>
				  <td align="center" valign="middle">1</td>
				  <td align="center" valign="middle">12</td>
				  <td align="center" valign="middle">0</td>
				  <td align="center" valign="middle">0</td>
				  </tr>
			    <tr class="termine_reihe_kld">
				  <td align="center" valign="middle">3</td>
				  <td align="center" valign="middle">36</td>
				  <td align="center" valign="middle">4</td>
				  <td align="center" valign="middle">48</td>
				  <td align="center" valign="middle">5</td>
				  <td align="center" valign="middle">60</td>
				  <td align="center" valign="middle">6</td>
				  <td align="center" valign="middle">72</td>
				  <td align="center" valign="middle">6</td>
				  <td align="center" valign="middle">72</td>
				  <td align="center" valign="middle">3</td>
				  <td align="center" valign="middle">36</td>
				  <td align="center" valign="middle">4</td>
				  <td align="center" valign="middle">48</td>
				  <td align="center" valign="middle">5</td>
				  <td align="center" valign="middle">60</td>
				  <td align="center" valign="middle">6</td>
				  <td align="center" valign="middle">72</td>
				  <td align="center" valign="middle">6</td>
				  <td align="center" valign="middle">72</td>
			    </tr>
			    <tr class="termine_reihe_kld">
				  <td align="center" valign="middle">5</td>
				  <td align="center" valign="middle">60</td>
				  <td align="center" valign="middle">0</td>
				  <td align="center" valign="middle">0</td>
				  <td align="center" valign="middle">0</td>
				  <td align="center" valign="middle">0</td>
				  <td align="center" valign="middle">2</td>
				  <td align="center" valign="middle">24</td>
				  <td align="center" valign="middle">0</td>
				  <td align="center" valign="middle">0</td>
				  <td align="center" valign="middle">5</td>
				  <td align="center" valign="middle">60</td>
				  <td align="center" valign="middle">0</td>
				  <td align="center" valign="middle">0</td>
				  <td align="center" valign="middle">0</td>
				  <td align="center" valign="middle">0</td>
				  <td align="center" valign="middle">2</td>
				  <td align="center" valign="middle">24</td>
				  <td align="center" valign="middle">0</td>
				  <td align="center" valign="middle">0</td>
				  </tr>
			    <tr class="termine_reihe_kld">
				  <td align="center" valign="middle">3</td>
				  <td align="center" valign="middle">36</td>
				  <td align="center" valign="middle">1</td>
				  <td align="center" valign="middle">12</td>
				  <td align="center" valign="middle">1</td>
				  <td align="center" valign="middle">0</td>
				  <td align="center" valign="middle">1</td>
				  <td align="center" valign="middle">12</td>
				  <td align="center" valign="middle">0</td>
				  <td align="center" valign="middle">0</td>
				  <td align="center" valign="middle">3</td>
				  <td align="center" valign="middle">36</td>
				  <td align="center" valign="middle">1</td>
				  <td align="center" valign="middle">12</td>
				  <td align="center" valign="middle">1</td>
				  <td align="center" valign="middle">0</td>
				  <td align="center" valign="middle">1</td>
				  <td align="center" valign="middle">12</td>
				  <td align="center" valign="middle">0</td>
				  <td align="center" valign="middle">0</td>
				  </tr>
			    <tr class="termine_reihe_kld">
				  <th style="font-weight: 400;" align="center" valign="middle">3</th>
				  <th style="font-weight: 400;" align="center" valign="middle">36</th>
				  <th style="font-weight: 400;" align="center" valign="middle">4</th>
				  <th style="font-weight: 400;" align="center" valign="middle">48</th>
				  <th style="font-weight: 400;" align="center" valign="middle">5</th>
				  <th style="font-weight: 400;" align="center" valign="middle">60</th>
				  <th style="font-weight: 400;" align="center" valign="middle">6</th>
				  <th style="font-weight: 400;" align="center" valign="middle">72</th>
				  <th style="font-weight: 400;" align="center" valign="middle">6</th>
				  <th style="font-weight: 400;" align="center" valign="middle">72</th>
				  <th style="font-weight: 400;" align="center" valign="middle">3</th>
				  <th style="font-weight: 400;" align="center" valign="middle">36</th>
				  <th style="font-weight: 400;" align="center" valign="middle">4</th>
				  <th style="font-weight: 400;" align="center" valign="middle">48</th>
				  <th style="font-weight: 400;" align="center" valign="middle">5</th>
				  <th style="font-weight: 400;" align="center" valign="middle">60</th>
				  <th style="font-weight: 400;" align="center" valign="middle">6</th>
				  <th style="font-weight: 400;" align="center" valign="middle">72</th>
				  <th style="font-weight: 400;" align="center" valign="middle">6</th>
				  <th style="font-weight: 400;" align="center" valign="middle">72</th>
			    </tr>
			</table>
			</div>
		    </td>
		    <td align="center" valign="middle">7</td>
		    <td colspan="1" rowspan="3" align="center" valign="middle">86%</td>
		    <td colspan="1" rowspan="3" align="center" valign="middle">Gelb</td>
		</tr>
		<tr>
		  <td colspan="1" rowspan="2" align="center" valign="middle">2935</td>
		  <td colspan="1" rowspan="2" align="center" valign="middle">Ist</td>
		  <td colspan="1" rowspan="1" align="center" valign="middle">6</td>
		</tr>
		<tr>
		  <td align="center" valign="middle">72</td>
		</tr>
		
		<tr class="termine_reihe">
		  <td colspan="1" rowspan="3" align="center" valign="middle">1</td>
		  <td colspan="1" rowspan="3" align="center" valign="middle">17205</td>
		  <td colspan="1" rowspan="3" align="center" valign="middle">57456</td>
		  <td colspan="1" rowspan="3" align="center" valign="middle">355</td>
		  <td colspan="1" rowspan="3" align="center" valign="middle">355</td>
		  <td colspan="1" rowspan="3" align="center" valign="middle">12</td>
		  <td colspan="1" rowspan="1" align="center" valign="middle">2935</td>
		  <td colspan="1" rowspan="1" align="center" valign="middle">3535</td>
		    
		  <td align="center" valign="middle">7</td>
		  <td colspan="1" rowspan="3" align="center" valign="middle">86%</td>
		  <td colspan="1" rowspan="3" align="center" valign="middle">7334</td>
		</tr>
		<tr>
		  <td colspan="1" rowspan="2" align="center" valign="middle">2935</td>
		  <td colspan="1" rowspan="2" align="center" valign="middle">3467</td>
		  <td colspan="1" rowspan="1" align="center" valign="middle">6</td>
		</tr>
		<tr>
		  <td align="center" valign="middle">72</td>
		</tr>
		<tr>
		  <td colspan="1" rowspan="3" align="center" valign="middle">1</td>
		  <td colspan="1" rowspan="3" align="center" valign="middle">17205</td>
		  <td colspan="1" rowspan="3" align="center" valign="middle">84</td>
		  <td colspan="1" rowspan="3" align="center" valign="middle">324</td>
		  <td colspan="1" rowspan="3" align="center" valign="middle">43563</td>
		  <td colspan="1" rowspan="3" align="center" valign="middle">12</td>
		  <td colspan="1" rowspan="1" align="center" valign="middle">2935</td>
		  <td colspan="1" rowspan="1" align="center" valign="middle">Soll</td>
		    
		  <td align="center" valign="middle">7</td>
		  <td colspan="1" rowspan="3" align="center" valign="middle">86%</td>
		  <td colspan="1" rowspan="3" align="center" valign="middle">Gelb</td>
		</tr>
		<tr>
		  <td colspan="1" rowspan="2" align="center" valign="middle">2935</td>
		  <td colspan="1" rowspan="2" align="center" valign="middle">Ist</td>
		  <td colspan="1" rowspan="1" align="center" valign="middle">6</td>
		</tr>
		<tr>
		  <td align="center" valign="middle">72</td>
		</tr>
		<tr>
		  <td colspan="1" rowspan="3" align="center" valign="middle">1</td>
		  <td colspan="1" rowspan="3" align="center" valign="middle">17205</td>
		  <td colspan="1" rowspan="3" align="center" valign="middle">84</td>
		  <td colspan="1" rowspan="3" align="center" valign="middle">324</td>
		  <td colspan="1" rowspan="3" align="center" valign="middle">43563</td>
		  <td colspan="1" rowspan="3" align="center" valign="middle">12</td>
		  <td colspan="1" rowspan="1" align="center" valign="middle">2935</td>
		  <td colspan="1" rowspan="1" align="center" valign="middle">Soll</td>
		    
		  <td align="center" valign="middle">7</td>
		  <td colspan="1" rowspan="3" align="center" valign="middle">86%</td>
		  <td colspan="1" rowspan="3" align="center" valign="middle">Gelb</td>
		</tr>
		<tr>
		  <td colspan="1" rowspan="2" align="center" valign="middle">2935</td>
		  <td colspan="1" rowspan="2" align="center" valign="middle">Ist</td>
		  <td colspan="1" rowspan="1" align="center" valign="middle">6</td>
		</tr>
		<tr>
		  <td align="center" valign="middle">72</td>
		</tr>
		
		
		  </tbody>
		  </table>
	    </div>
	  </td>
	</tr>
	</table>
  </div>
</div>
<!-- Ende Main Div -->

</body></html>
Code:
/**###############################################################################################################
 -------------------------------------Tabellenformatierung--------------------------------------------------------
###############################################################################################################**/

#tbl_termine
{
}

table#tbl_termine_kopf>tbody>tr>th
{
   border-right-style: solid; 
   border-right-width: 1px ;
   border-bottom-style: solid;
   border-bottom-width: 2px;
}

table#tbl_termine_body td
{
   border-right-style: solid; 
   border-right-width: 1px ; 
   border-bottom-style: solid;
   border-bottom-width: 1px;
}

.termine_reihe
{
   height:30px;
   
}

.termine_reihe_kld
{
   height: 30px;
   border-bottom-width: 0px;
   
}

table#tbl_termine_kld td
{
  border-right-style: solid;
  border-right-width: 0px;
}

#tbl_termine_kld tr, #tbl_termine_kld td , #tbl_termine_body tr, #tbl_termine_body td
{
	height:30px;
	padding:0xp;
	margin:0px;
}

#tbl_termine_kld td
{
	height:28px;
}

#tbl_termine_kopf
{
	/*height:80px;*/
}
#scrollingHeader
{
	height:60px;
	padding:0px;
	margin:0px;
}


#scrollH1, #scrollH1 table
{
	height:45px;
}

/**###############################################################################################################
-------------------------------------------BODY-------------------------------------------------------------------
###############################################################################################################**/

body 
{ 
	background-color:rgb(234, 234, 234); font-family:CorpoS;
}
 
Hey!

Ich habe mir das gerade angeschaut und es scheint tatsächlich alles so im IE8 zu funktionieren. Ich habe nun Feierabend, morgen schaue ich mal weiter - mal gucken, was dann so für Problemchen auftreten..


Vielen, vielen Dank, du bist echt super :daumen::schluck:
 
Zurück
Oben