(CSS) Problem mit overflow:scroll und height

  • (CSS) Problem mit overflow:scroll und height

    Hallo zusammen ;)

    ich versuche gerade eine Homepage zu basteln, bei der sich nur der Content bewegt. Der Rest - Navi, Header, footer - soll stehen bleiben.

    Ich habe dies erreich indem ich die HP in verschiedene Bereiche gegliedert habe: Header, Navi, Content, Footer.

    Den Content habe ich vereinfacht gesagt dann mit folgender CSS formatiert:

    Quellcode

    1. height: 350px;
    2. overflow-y: auto;
    3. overflow:x: hidden;


    Das klappt alles wunderbar. Allerdings kann es ja nun vorkommen, das ein anderer Benutzer eine andere Auflösung hat und es mit dieser Höhe von 350px nicht passt.
    Kann man es irgendwie relativ zur Auflösung machen?

    Danke :)

  • vince schrieb:

    Hi,

    relativ hast du es ja schon gemacht (pixel) ;)

    Du kannst die Höhe auch prozentual angeben. Der Prozentwert bezieht sich immer auf das Oberelement. Mehr kann man nicht sagen, da dafür ein bischen code fehlt.
    Aber probier es einfach aus.



    Ach ich vertausche dieses relativ nur zu gerne :D
    Aber ich werde es mal ausprobieren.

    Sollte es nicht kappen werde ich die Homepage online stellen und nochmal auf euch zurück kommen ;)

    Gruß,