nicht angemeldet
Hallo liebes forum,
ich suche gerade nach einer lösung, was auch sonst ^^
golgendes soll gegeben sein:
man stelle sich eine sehr lange tabelle vor, in der man sehr oft sach suchen muss, welche häufiger vorkommen
dafür gibt es nun eine suchfunktion, welche bei eingabe eines wertes alle nicht relevanten tabellenzeilen ausblendet um die übersichtlichkeit zu erhöhen
natürlich soll diese suchfunktion von überall aus verfügbar sein, also gibt es ein DIV position:fixed welcher mit ALT+F ein- bzw. aufgeblendet werden kann
dieser stellt nun einen seitlichen balken dar, mit einer höhe von 100%
im oberen teil befindet sich das suchfeld und einige suchoptionen, sprich n paar checkboxen und n paar radio-buttons
dieser bereich ist relativ fix, er wird sich in der höhe wahrscheinlich nicht sonderlich ändern
der ganze verbleibende platz nach unten hinweg soll für eine dynamische auflisung genutzt werden, welche nicht oft länger ist, als der bildschirm hergibt, sprich scrollen ist unvermeidbar (seiten zum durchblättern sind unpraktikabel)
nun ist es aktuell so, dass der DIV overflow-y:scroll als eigenschaft hat, und somit hat der ganze DIV einen Scrollbalken, wodurch ich natürlich auch das Suchfeld und die suchoptionen "wegscrolle"
ich möchte gern den kompletten restlichen platz nutzen, und darin scrollen können, die frage ist nur wie?
meine erste idee: ich erstelle in dem DIV eine tabelle, height:100% mit 2 zeilen, der ersten zeile gebe ich einen fixen wert in der höhe von z. B. 150px, die zweite zeile nimmt somit den rest des platzes ein, darin könnt ich jetz wieder ein DIV rein setzen mit einer höhe von 100% und bei overflow scrollen lassen (wahrscheinlich geht das schon mit der zelle direkt, müsst ich testen)
ABER ich hab so die vermutung, dass es auch "eleganter" geht, nur wie?
hat da jemand eine idee?
vielen dank für eure hilfe ;)
LG
euer Sorgenkind Mech