Html/css Seite mit linken und rechter Spalte scrollen

Einklappen
X
 
  • Filter
  • Zeit
  • Anzeigen
Alles löschen
neue Beiträge
  • Atlan
    Samurai
    • 30.10.2016
    • 102

    Html/css Seite mit linken und rechter Spalte scrollen

    Hallo Freunde,
    Ich bin dabei, eine neue Seite zu schreiben. Nur in HTML und CSS. Folgendes: Ich habe 2 Spalten. Links kommt mein Text mit Bilder usw...., rechts Erklärungen und weitere links.
    Frage nun: wie kann ich dafür sorgen dass die Rechte Seite immer mit scrollt wenn links langer Text und Bilder runter gescrollt werden? Im Prinzip will ich so RECHTS die links immer sichtbar erhalten.
    Danke für einen Tipp
  • Testie
    König
    • 25.01.2013
    • 686

    #2
    Wie weit bist du denn? Code? Link?

    Kommentar

    • Atlan
      Samurai
      • 30.10.2016
      • 102

      #3
      Hallo Testie,
      Code in html und css steht: anbei die index.html in deutsch.
      Es geht mir einfach darum den rechten Teil automatisch mir runter zu scrollen.
      Angehängte Dateien

      Kommentar

      • Atlan
        Samurai
        • 30.10.2016
        • 102

        #4
        url für Test:

        Kommentar

        • MrMurphy
          Meister
          • 24.01.2010
          • 432

          #5
          Du hast mehrere CSS-Dateien verlinkt, die wir nicht kennen und auf die wir keinen Zugriff haben. Unter anderem so "unwichtige" wie Bootstrap.

          Dein fehlerhaftes HTML erschwert zudem die Formatierung mit CSS. Überschriften nach Lust und Laune, Texte ohne passenden Container, br-Element für Abstände, ...

          Die Bilder kennen wir auch nicht.

          Zudem kann ich deine Frage nicht nachvollziehen. Sofern du im CSS nichts anderes angibst scrollt immer die gesamte Seite. Zudem widerspricht sich, dass einerseits die rechte Spalte immer mitscrollen soll, andererseits der Inhalt der rechten Spalte immer sichtbar sein soll. Und was soll bei schmalen Fenstern geschehen, wenn die beiden Spalten platzmäßig nicht nebeneinander stehen können?

          Noch ein Hinweis: Deine keywords kannst du löschen. Die interessieren Suchmaschinen bereits wegen des ständigen Mißbrauchs bereits seit über 10 Jahren nicht mehr. Gar nicht. Überhaupt nicht.
          Zuletzt geändert von MrMurphy; 15.06.2019, 18:25.

          Kommentar

          • Sempervivum
            Kaiser
            • 09.07.2009
            • 1434

            #6
            Ich vermute mal, der TO hat sich etwas missverständlich ausgedrückt und dies ist, was er erreichen will:
            Im Prinzip will ich so RECHTS die links immer sichtbar erhalten.
            D. h. die Links sollen fixiert sein, entweder mit position:fixed oder indem man nur den linken Container scrollbar macht.
            Glaube denen, die die Wahrheit suchen, und zweifle an denen, die sie gefunden haben.
            (Andre Gide (1869-1951), frz. Schriftst., 1947 Nobelpreis)

            Kommentar

            • MrMurphy
              Meister
              • 24.01.2010
              • 432

              #7
              Heißt: Der Text der rechten Spalte soll scrollen, die Links in der rechten Spalte nicht. Nur die linke Spalte scrollen wird nicht gehen, da Text und Links der rechten Spalte nur bei großen Bildschirmen komplett sichtbar sind.

              Kommentar

              • Atlan
                Samurai
                • 30.10.2016
                • 102

                #8
                [QUOTE=MrMurphy;n721634]Du hast mehrere CSS-Dateien verlinkt, die wir nicht kennen und auf die wir keinen Zugriff haben. Unter anderem so "unwichtige" wie Bootstrap.

                Dein fehlerhaftes HTML erschwert zudem die Formatierung mit CSS. Überschriften nach Lust und Laune, Texte ohne passenden Container, br-Element für Abstände, ...

                Die Bilder kennen wir auch nicht.

                AUA das tut weh !!!!
                Also bin schon ein bisgen Betagt, aber seis drum. Bootstrap ccs ? Fehler im HTML ? br-Element für Abstände ist OK, (andere Lösung ?) habe eben die index.html durch CS3 Validator laufen lassen und keine Problem gefunden.
                Leider kann ich hier meine Seiten Adresse nicht angeben. es läuft als test-version sandrawies.com und dann noch /de/ eine alte version ist noch aktif darum das /de/. 5 .css und 3 .js werden aufgerufen.
                .
                zum scrollen.
                bei einige Seiten soll die rechte Seite mit den links einfach mit scrollen. Weil hier nur 5 reighen links angegeben werden. Habe das mal auf einer Seite gesehen und hat mir gefallen.

                Hoffe auf eine kleine Hilfe.
                Danke

                Kommentar

                • Sempervivum
                  Kaiser
                  • 09.07.2009
                  • 1434

                  #9
                  Meinst Du es so:
                  Test your JavaScript, CSS, HTML or CoffeeScript online with JSFiddle code editor.

                  Dies ist die herkömmliche Methode mit position:fixed. Nachteil: Man muss sich auf eine feste Breite der Nav auf der rechten Seite festlegen um das Margin der linken Seite festlegen zu können.

                  Alternative:
                  Test your JavaScript, CSS, HTML or CoffeeScript online with JSFiddle code editor.

                  Vorteil: Die Breite der Nav passt sich automatisch an die Inhalte an.
                  Nachteil: Die Lage des Scrollbalkens ist nicht so, wie man es gewöhnt ist.
                  Glaube denen, die die Wahrheit suchen, und zweifle an denen, die sie gefunden haben.
                  (Andre Gide (1869-1951), frz. Schriftst., 1947 Nobelpreis)

                  Kommentar

                  • Atlan
                    Samurai
                    • 30.10.2016
                    • 102

                    #10
                    Zitat von Sempervivum Beitrag anzeigen
                    Meinst Du es so:
                    Test your JavaScript, CSS, HTML or CoffeeScript online with JSFiddle code editor.

                    Dies ist die herkömmliche Methode mit position:fixed. Nachteil: Man muss sich auf eine feste Breite der Nav auf der rechten Seite festlegen um das Margin der linken Seite festlegen zu können.

                    Alternative:
                    Test your JavaScript, CSS, HTML or CoffeeScript online with JSFiddle code editor.

                    Vorteil: Die Breite der Nav passt sich automatisch an die Inhalte an.
                    Nachteil: Die Lage des Scrollbalkens ist nicht so, wie man es gewöhnt ist.
                    DANKE, genau die Info habe ich gesucht.

                    Kommentar

                    homepage-forum.de - Hilfe für Webmaster! Statistiken

                    Einklappen

                    Themen: 57.385   Beiträge: 432.930   Mitglieder: 29.740   Aktive Mitglieder: 33
                    Willkommen an unser neuestes Mitglied, hacker2024.

                    Online-Benutzer

                    Einklappen

                    956 Benutzer sind jetzt online. Registrierte Benutzer: 0, Gäste: 956.

                    Mit 9.939 Benutzern waren am 17.05.2023 um 21:38 die meisten Benutzer gleichzeitig online.

                    Die neuesten Themen

                    Einklappen

                    • ST747
                      Signatur
                      Hallo,
                      da habe ich ein PDF-Dokument an einer Behörde geschickt und die schreibt zurück, entweder mit der Post oder ausdrucken, unterschreiben und wieder scannen, dann verschicken.
                      aber das drucken und den umstand will ich mir sparen.
                      bei adobe gibt es wohl eine funktion die ich mir...
                      Gestern, 16:41
                    • arnego2
                      Openvpn und cloud
                      Wer wie ich über OpenVPN ins Homepage-Forum gehen will, läuft Gefahr, nicht reingelassen zu werden.
                      Ich nehme an, die Cloud Manager sind davon überzeugt, dass wer einen VPN Service nutzt, etwas zu verbergen hat.

                      Leute, die wie ich in einem sanktionierten Land leben, müssen mit...
                      Gestern, 14:05
                    • Orhun
                      ORHUX.pictures - Free Image / Picture Hosting
                      Liebe Mitglieder der Community,

                      ich bin begeistert, euch mein neuestes Projekt "ORHUX.pictures" präsentieren zu können. Bei ORHUX.pictures habt ihr die Möglichkeit, eure Bilder und Fotos hochzuladen, von anderen Nutzern bewerten zu lassen und sie mit der ganzen Welt zu teilen....
                      Gestern, 01:11
                    • Lupus_III
                      Image vor Übeschrift setzen.
                      Hallo zusammen,

                      ich würde gerne vor h2-Überschriften in einer HTML-Seite ein kleines selbst erzeugtes Image setzen, so wie man das mit Fontawesome Icons machen kann. Das Image soll die gleiche Größe wie die H2-Überschrift haben. Hat jemand eine Idee, wie ich vorgehen kann?
                      17.03.2024, 12:03
                    • bodan
                      Warum KI viel Wasser und Strom braucht - zur Umweltbilanz der KI
                      Warum KI viel Wasser und Strom braucht - zur Umweltbilanz der KI

                      Warum KI viel Wasser und Strom braucht

                      interessante Einsichten über KI https://www.tagesschau.de/thema/k%C3...he_intelligenz

                      Stand: 15.03.2024 08:47 Uhr÷

                      Zit: Bei einem Gespräch...
                      15.03.2024, 17:48

                    Die neuesten Beiträge

                    Einklappen

                    • ST747
                      Signatur
                      Hallo,
                      da habe ich ein PDF-Dokument an einer Behörde geschickt und die schreibt zurück, entweder mit der Post oder ausdrucken, unterschreiben und wieder scannen, dann verschicken.
                      aber das drucken und den umstand will ich mir sparen.
                      bei adobe gibt es wohl eine funktion die ich mir...
                      Gestern, 16:41
                    • bdt600
                      Antwort auf Signatur
                      Scanne eine Unterschrift ein und füge die gescannte Datei in das PDF ein. Die Unterschrift mit der Maus herzustellen ist zu hakelig, wenn man nicht gerade ein Tablett mit Stift hat.
                      Gestern, 21:26
                    • ST747
                      Antwort auf Signatur
                      hallo,
                      ich habe pdf24.org gerade probiert.
                      das funktioniert gut.
                      ich habe da mit der maus meine unterschrift gemacht.
                      die ist noch ziemlich eckig, aber es geht.
                      war ein guter tip.
                      gerhard...
                      Gestern, 21:22
                    • bdt600
                      Antwort auf Signatur
                      Siehe https://www.pdf24.org/de/
                      Gestern, 18:04
                    • Merloto
                      Antwort auf Meine Homepage
                      ich wohne alleine, da störts niemanden, außer evtl die Nachbarn
                      Gestern, 16:46
                    • Merloto
                      Antwort auf Signatur
                      Hallo gerhard, meinst so ein Programm, bei dem man die PDFs direkt selbst bearbeiten kann, oder? - nach so etwas suche ich ebenfalls - wenn möglich ein kostenloses Programm. Kann da jemand etwas empfehlen?
                      Gestern, 16:45
                    • Orhun
                      ORHUX.pictures - Free Image / Picture Hosting
                      Liebe Mitglieder der Community,

                      ich bin begeistert, euch mein neuestes Projekt "ORHUX.pictures" präsentieren zu können. Bei ORHUX.pictures habt ihr die Möglichkeit, eure Bilder und Fotos hochzuladen, von anderen Nutzern bewerten zu lassen und sie mit der ganzen Welt zu teilen....
                      Gestern, 01:11
                    • arnego2
                      Antwort auf ORHUX.pictures - Free Image / Picture Hosting
                      Wie schützt ihr euch vor den Schelmen, die andere Leute Bilder hochladen?
                      Gestern, 14:06
                    • arnego2
                      Openvpn und cloud
                      Wer wie ich über OpenVPN ins Homepage-Forum gehen will, läuft Gefahr, nicht reingelassen zu werden.
                      Ich nehme an, die Cloud Manager sind davon überzeugt, dass wer einen VPN Service nutzt, etwas zu verbergen hat.

                      Leute, die wie ich in einem sanktionierten Land leben, müssen mit...
                      Gestern, 14:05
                    • bdt600
                      Antwort auf Welches CMS für gute Menüs?
                      Dateien wie footer.php solltest du sowieso nicht ändern, da sie bei nächsten Update des Themes wieder überschrieben werden. Wenn du an solchen Dateien etwas ändern willst/musst, dann lege ein Child-Theme an.


                      Keine Ahnung, allerdings kann man mit den Infos nur sehr wenig anfangen....
                      Gestern, 07:00
                    Lädt...
                    X