Tabellen Höhe = maximalle div-Container Höhe

  • Hallo,


    Habe ein folgendes Layout
    Links Menu feststehend
    Oben Submenu feststehend
    Rechts bzw unterhalb der Menus der Seiteninhalt.
    Das ganze eingeschlossen in einen Div-Container


    Jetzt wird eine Tabelle auf einen Fenster angezeigt
    dieses läuft allerdings in der Höhe über
    die Tabellen Überschriften sind feststehend thead
    und der tbody sollte sich scrollen lassen ohne das sich
    der Rest "Verschwindet".



    Wenn ich die Höhe der Tabelle mit px angebe dann funktioniert es.
    Die Prozent angabe bleibt leider erfolglos.


    Wo kann ich noch ansetzen?


    mfg Peter


    index.php


    table.css


    seitenaufteilung.css



  • Hallo,


    habe eine Lösung gefunden
    und zwar einen Javascript Code der die Höhe vom tbody Tag prozentuell anpasst


    Code
    1. <script>
    2. var fenster_hoehe=window.innerHeight;
    3. var tabellen_Hoehe=fenster_hoehe * 0.75;
    4. $("tbody").css('height',tabellen_Hoehe);
    5. window.addEventListener("resize", function () {
    6. var fenster_hoehe=window.innerHeight;
    7. var tabellen_Hoehe=fenster_hoehe * 0.75;
    8. $("tbody").css('height',tabellen_Hoehe);
    9. });
    10. </script>


    wenn wer eine Schönere Lösung hat Bitte her damit.



    mfg Peter