markus538: Div soll sich bei Scrollen nicht verändern!

Hallo Leute, habe folgendes Problem. Habe ein Div für meinem Hintergrund (blau) und ein darübergelegtes Div für meinem Textbereich. Wenn ich jetzt mehr Text habe, der über die Seite unten hinaus geht und ich nach unten scrolle, wir mein blaues Hintergrund-Div nicht mitgescrollt.

+

Wenn ich die Seite ganz klein ziehe, sodass auch unten ein Scrollbalken erscheint, tritt das selbe Problem auch horizontal auf.

Ich hoffe man versteht was ich meine. Habe auch ein Beispiel angefertigt:

http://www.folientechnik.it/Scroll/Scroll_Problem.html

Habe im Internet schon einige mit dem selben Problem gefunden aber irgendwie haben die Lösungen bei mir nicht gebracht!

Danke
gruß m.

  1. Om nah hoo pez nyeetz, markus538!

    Hallo Leute, habe folgendes Problem. Habe ein Div für meinem Hintergrund (blau) und ein darübergelegtes Div für meinem Textbereich.

    Es besteht keine Notwendigkeit ein eigenes Element für den Hintergrund festzulegen.

    Matthias

    --
    1/z ist kein Blatt Papier.

  2. Wenn ich jetzt mehr Text habe, der über die Seite unten hinaus geht und ich nach unten scrolle, wir mein blaues Hintergrund-Div nicht mitgescrollt.

    Wenn doch alles blau sein soll, in alle richtungen, warum nutzt du nicht beim body folgendes:

    body {  
     background-color: #06F;  
     margin: 0px;  
    }
    

    Oder hast du etwas spezielles vor, dass es anders sein muss?

    1. Oder hast du etwas spezielles vor, dass es anders sein muss?

      Ja, der blaue Bereich soll sich oben wo er in den weißen Hintergrund übergeht mit der Auflösung des Bildschirms verändern.

      1. Ja, der blaue Bereich soll sich oben wo er in den weißen Hintergrund übergeht mit der Auflösung des Bildschirms verändern.

        Du meinst das in dieser Weise: Oben muss ein Bereich sein der weiß ist. Alles andere in egal welche Himmelsrichtung soll dann blau sein. Wenn du dann aber runterscrollst soll:

        -> Oben das weiße verschwinden, wenn man weiter unten den Text liest, aber das blaue soll erhalten bleiben.

        |____| <--- Weiß
        |TEXT|
        |TEXT|
        |TEXT| <--- Blau

        scroll scroll scroll ...

        |TEXT|
        |TEXT|
        |TEXT|
        |TEXT|

        Blau!

        Wenn das dein Problem ist, dann weise dem body dennoch die Farbe blau zu. Dann erstellst du ein div mit weißem Hintergrund dem du eine bestimmte höhe zuweist und gibst ihm die Eigenschaft position: relative; Soll aber, egal wie man jetzt auch scrollt, der weiße bereich oben bestehen bleiben, gebe ihm den wert position: fixed;

        in der Manier:
        <body>
         <div>weiß</div>
         <p>Text</p>
        </body>

        Teste beide Varianten aus! Schau dich auch mal hier um:
        http://de.selfhtml.org/css/eigenschaften/positionierung.htm#position
        oder auch
        http://selfhtml.apsel-mv.de/position/position.html