Warum ist meine Seite nicht Scrollbar ist?

Also ich habe ein paar Seiten mit dem folgenden css-code:

html { overflow-y: scroll; }
    ul.navbar {
    list-style-type: none;
    position: fixed;
    top: 00px;
    left: 00px;
    width: 200px;
    height: 700px; 

    background-image:url('/images/B_left-background.png');
}

ul.header {
    position: fixed;
    top: -20px;
    left: 240px;
    height: 100px;
    width:700px;
    background-image:url('/images/B_left-top.png');
}

body {

    position: fixed;
    top: 100px;
    left: 300px;

    font-family: Georgia, "Times New Roman",
        Times, serif;

    background-color: #D6E9B4;
}
div.scrollableContainer {
    background: none repeat scroll 0 0 ;
    border: 1px solid #999999;
    height: 400px;
    margin: 40px;
    overflow: auto;
    width: 800px;
}
h1 {font-family: Helvetica, Geneva, Arial,
        SunSans-Regular, sans-serif }
ul.navbar a {text-decoration: none }

a.send{
    color: black;
    background-image:url('/images/send-message-bt.png');
    position:fixed;
    top:200px;
    left:0px;
    height:80px;
    width:290px;
}

a.token{
    color: black;
    background-image:url('/images/token-ID-bt.png');
    position:fixed;
    top:300px;
    left:0px;
    height:80px;
    width:290px;
}

a.history{
    color: black;
    background-image:url('/images/history-bt.png');
    position:fixed;
    top:400px;
    left:0px;
    height:80px;
    width:290px;
}

a.comp{
    background-image:url('/images/competition-bt.png');
    position:fixed;
    top:500px;
    left:0px;
    height:80px;
    width:290px;
}

a.out{
    background-image:url('/images/B_log-out-bt.png');
    position:fixed;
    top:600px;
    left:50px;
    height:60px;
    width:160px;
}

Ich würde gerne die ganze Seite Scrollbar, so dass, wenn jemand auf einem low-resolution-Gerät kann immer noch nach unten scrollen.
Wie Sie sehen können, habe ich die:
html { overflow-y: scroll; }
Aber das hilft nicht.

Gibt es eine Möglichkeit, kann ich dieses Problem beheben? Hat es etwas mit mir zu tun Einstellung der fixed-Höhen?

es ist alle Ihre Feste Positionierung, die das problem verursacht, dass die Seite nicht weiß, wie lange es ist, also warum Sie nie einen Scrollbalken, versuchen, es zu ändern, um relative oder absolute und sehen, ob das einen Unterschied macht
absolute ist nicht besser als Feste, in dieser situation, da beide nehmen die Elemente aus dem normalen Fluss des Dokuments.
danke reina, ich denke, Sie könnten Recht haben. irgendeine Idee, wie ich dies tun kann?

InformationsquelleAutor HansStam | 2012-09-25

  1. 10

    Versuchen Sie dies:

    html { overflow-y: scroll; }
body { position: absolute; }

    Oder so:

    html { overflow-y: scroll; overflow-x:hidden; }
body { position: absolute; }
    Danke Timo, aber das hat nicht funktioniert. 🙁

    InformationsquelleAutor Timo Kähkönen

  2. 0

    Nun, es stellt sich heraus, dass ich meine sidebar nicht-scrollbare und steckte es in eine Feste position.
    Das war eine schlechte Idee, so dass ich ihn an absolute position.
    @Reina Ihre Idee (Wechsel von festen zu abolute half mir, dorthin zu gelangen. Danke!

    kein problem, hans 🙂

    InformationsquelleAutor HansStam

  3. 0

    overflow-y: scroll;
    sowohl für body und html 

    html,body{overflow-y: scroll; }

    InformationsquelleAutor Darkcoder

Schreibe einen Kommentar