SorgenKind Mech: vertikaler balken mit dynamischem scroll-bereich

Beitrag lesen

Hallo liebes Forum,

ich hab jetz mal meine tabellen-variante versucht, aber leider weder in IE noch in FF erfolge:

<span id='wp_suchen_span' style="position:fixed; top:0px; height:100%; display:none; background-color:#CCC; border: 2px solid black;">  
	<table border="0" cellpadding="" cellspacing="0" style="height:100%; padding:5px;">  
	<tr><td style="height:150px;">  
		Suche: <span title="Hier kann innerhalb des Wochenplanes gesucht werden.&#13Nach der Eingabe von mind. 3 Zeichen beginnt die Suche automatisch.&#13Durch leeren des Feldes wird die Suche zurückgesetzt.">  
			<input type="text" id="wp_filtern_input" onKeyUp="wp_filtern_fkt()" style="width:200px; background-color:transparent; border:none; border-bottom:1px solid black;">  
		</span><br />  
		Filter anwenden auf:<br />  
		<table border="0" cellpadding="2" cellspacing="0">  
			<tr>  
				<td><input id='wp_filtern_input_0' name='wp_filtern_input_x' type='radio' value='0' onKeyUp="wp_filtern_fkt()" onClick="wp_filtern_fkt()" CHECKED> <span onClick="document.getElementById('wp_filtern_input_0').click();" style="cursor:pointer;">Alle </span></td>  
				<td><input id='wp_filtern_input_1' name='wp_filtern_input_x' type='radio' value='1' onKeyUp="wp_filtern_fkt()" onClick="wp_filtern_fkt()"> <span onClick="document.getElementById('wp_filtern_input_1').click();" style="cursor:pointer;">Mo </span></td>  
				<td><input id='wp_filtern_input_2' name='wp_filtern_input_x' type='radio' value='2' onKeyUp="wp_filtern_fkt()" onClick="wp_filtern_fkt()"> <span onClick="document.getElementById('wp_filtern_input_2').click();" style="cursor:pointer;">Di </span></td>  
				<td><input id='wp_filtern_input_3' name='wp_filtern_input_x' type='radio' value='3' onKeyUp="wp_filtern_fkt()" onClick="wp_filtern_fkt()"> <span onClick="document.getElementById('wp_filtern_input_3').click();" style="cursor:pointer;">Mi </span></td>  
			</tr>  
			<tr>  
				<td><input id='wp_filtern_input_4' name='wp_filtern_input_x' type='radio' value='4' onKeyUp="wp_filtern_fkt()" onClick="wp_filtern_fkt()"> <span onClick="document.getElementById('wp_filtern_input_4').click();" style="cursor:pointer;">Do </span></td>  
				<td><input id='wp_filtern_input_5' name='wp_filtern_input_x' type='radio' value='5' onKeyUp="wp_filtern_fkt()" onClick="wp_filtern_fkt()"> <span onClick="document.getElementById('wp_filtern_input_5').click();" style="cursor:pointer;">Fr </span></td>  
				<td><input id='wp_filtern_input_6' name='wp_filtern_input_x' type='radio' value='6' onKeyUp="wp_filtern_fkt()" onClick="wp_filtern_fkt()"> <span onClick="document.getElementById('wp_filtern_input_6').click();" style="cursor:pointer;">Sa </span></td>  
				<td><input id='wp_filtern_input_7' name='wp_filtern_input_x' type='radio' value='7' onKeyUp="wp_filtern_fkt()" onClick="wp_filtern_fkt()"> <span onClick="document.getElementById('wp_filtern_input_7').click();" style="cursor:pointer;">So </span></td>  
			</tr>  
		</table><br />  
		<input type='checkbox' id='wp_filtern_voll_weg' onKeyUp="wp_filtern_fkt()" onClick="wp_filtern_fkt()">  
			als "voll" markierte Tage ignorieren<br />  
		<input type='checkbox' id='wp_filtern_leere_zeigen' onKeyUp="wp_filtern_fkt()" onClick="wp_filtern_fkt()">  
			"leere" Tage mit anzeigen<br />  
		<hr>  
		<h3>Techniker:</h3>  
	</td></tr><tr><td><div id='wp_suchen_tk_liste' style="background-color:#EEE; height:100%; overflow-y: scroll;"></div></td></tr>  
	</table>  
</span>  

der Scrollbalken wird zwar nun an der richtigen stelle angezeigt, jedoch ist er witzlos, da der div sich einfach so lang zieht wie der inhalt ihn benötigt (das ende des scroll-balkens ist auch nichts sichtbar)

inhalt des div sind einfach nur:
<br /><a href='#123'>bla</a>
<br /><a href='#123'>bla</a>
<br /><a href='#123'>bla</a>
<br /><a href='#123'>bla</a>
usw.

kann mir jemand sagen wo mein fehler liegt? danke sehr!