Ganzseitiges Scrollen bis kurz nach Footer

  • Guten Tag,

    Es ist eine Webseite mit 4 Links und insgesamt 4 Innenseiten. In "Rezensionen" möchte ich, dass bei über den unteren Rand hinauslaufendem Text mit einem Scrollbalken ganz rechts aussen ganzseitig nach unten gescrollt wird, bis die Seite kurz nach dem Footer stoppt. Aehnlich wie bei diesen Blogs hier: https://blog4aleshanee.blogspot.ch/, https://www.favolas-lesestoff.ch/.

    Hier ein Screenshot:


    Hier der Code:



    Gruss

  • Dieser HTML-Code ist völlig kaputt. Bitte mal google bemühen mit HTML Grundgerüst

  • Nun, vielleicht ist er kaputt. Ich habe mich dabei an den Aufbau von Tutorials im Internet gehalten. (Bin nicht html-kundig)
    Im Browser scheint alles zu funktionieren bis jetzt. Könnte auch nochmals anfangen. Was müsste ich dann ändern?

    Sollte ich mich an diese Struktur halten?:

    <!DOCTYPE html>
    <html lang="de">
    <head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Titel der Seite | Name der Website</title>
    </head>
    <body>
    <!-- Sichtbarer Dokumentinhalt im body -->
    <p>Sehen Sie sich den Quellcode dieser Seite an.
    <kbd>(Kontextmenu: Seitenquelltext anzeigen)</kbd></p>
    </body>
    </html>

  • Jetzt noch einmal angefangen. Habe mich durch das w3schools ein wenig durchgearbeitet. Code ist valid. Habe aber das Problem, dass sich der Header bei Verkleinerung des Browsers nach links verschiebt. Woran könnte es liegen?

    Noch eine grundsätzliche Frage:
    -Was wird optimalerweise in em und was in Prozent angegeben?

    Bin für jede Verbesserung dankbar.

    Gruss

    Einmal editiert, zuletzt von R18 (21. Mai 2018 um 13:15)

  • Danke für deine Arbeit.

    Würde dennoch gerne wissen, wie ich sowas hinkriege (soll: 1294 x 1096):


    Könnte man den langen dunkelblauen Balken und den kleinen grauen Balken ganz rechts irgendwie in eine nav packen? Oder wäre es besser, wenn ich gleich alles über ein graues grosses Hintergrundbild lege?

    2 Mal editiert, zuletzt von R18 (25. Mai 2018 um 18:14)


  • Könnte man den langen dunkelblauen Balken und den kleinen grauen Balken ganz rechts irgendwie in eine nav packen? Oder wäre es besser, wenn ich gleich alles über ein graues grosses Hintergrundbild lege?


    Wie soll das den zum scluß aussehen? So wie auf dein Bild oder soll die Navileiste in der Mitte sein ? Soll der lange blaue Balken auch so bleiben ?

    Poste doch mal dein aktuellen Code ,wie du es jetzt hast.

    Du schreibst auch das du die grösse haben möchtest 1294 x 1096 soll das eine feste grösse werden und nix reponsiv ?

  • Es soll am Schluss in Layout und Grössenverhältnis aussehen wie auf dem Bild. Mit dem blauen langen Balken.

    Habe das Layout beim ersten Mal mit einer festen Grösse in 1294 x 1096 erstellt. Würde es jetzt aber gerne lieber responsive machen. Der Code ist eigentlich noch derselbe wie oben, ausser das Experiment mit dem Balken.

  • Kuck mal ob deine navigations Leiste so passt.

    Ich habe im anderen Forum auch ein gehabt der sowas in der art gesucht hat .Deswegen ist unterhalb der Navigationsleiste nochmehr Layout drinne.
    Vieleicht würde das zu dir auch passen weil du im erstem Beitrag ja was geschrieben hast das da 4 innen Seiten reinkommen soll.Du mußt dann hier einfach den Inhalt austauschen dann würde das vieleicht sogar schon passen.Jenachdem was du genau vor hast .

    Aber erstmal geht es dir ja um die Navigation .
    Kuck mal rein und sag bescheid ob noch was geändert werden soll oder so passen würde
    **Link entfernt, weil Seite nicht mehr erreichbar **

  • Wow, das ist ja der Hammer, vielen Dank!

    Werde mich in den nächsten Tagen damit beschäftigen und alles weitere dann hier schreiben.

    Gruss

  • So, habe es nochmals überarbeitet und in die ungefähre Form gebracht. Wenn ich das nun hochlade, sollte ich vorher noch etwas machen? Zum Beispiel Suchmaschinenoptimierung? Die Webseite in mehreren Browsern testen? etc. (Habe nur Chrome...) und welche Plattform wäre zu empfehlen für das hochladen?

  • Beim Hochladen könntest du de Css noch in einer Extra Datei laden und dann einbinden.
    Suchmaschienen Optimierung ist wohl ein Thema wo sich die Leute nie einig werden. Man ließt das man nur einmal <h1> auf der Seite verwenden soll. dann hmll5 Elemente ,reponsiv muß es sein.Die Texte sollen eine Mindeslänge haben und so weiter. Da solltest du mal selber googeln was du an meißten glauben tust,weil ich wüßte jetzt nicht was ich dir da genau Vorschlagen soll.

    Deine Seite solltest du auf jedenfall in mehreren Browsern testen weil gerade dei IE hat sein eigenleben und andere Browser haben auch kleinere Macken. Notfalls mußt du mal Googeln,es gibt auch Tools die sowas Simulieren. Ich habe zb den Avant Browser. Nix bekanntest ,aber der hat de Funktion das er die Firefox,Chrom,Opera und Internet Explorer Maschiene laden kann und simuliert so die Browser.

    Plattform is auch eine gute Frage. Wenn es erst zum testen und spielen ist würde ich bplaced.net sagen. Weil erstens kostenlos und der Support ist meiner Meinung nach Spitze.Hatte bis jetzt nie Probleme mit den Support. Wenn du wirklich eine Gute Seite bauen möchtest und eine gute Seite ohne Zwischen provider haben willst dann sollest du auch etwas Geld ausgeben damit du eine normale http://www.******.de Seite bekommst ohne die blabla.bplaced.net.deineseite.net Ist eine doofe Adresse und kann sich kaum einer merken.

  • Habe mich zum testen für bplaced entschieden. Registriert, FTP-Zugang erstellt, FileZilla runtergeladen. Daten hochgeladen. Jetzt erscheint nach Eingabe der Adresse im Browser nur:

    Index of /

    [TABLE='width: 1824']
    [TR='class: indexhead']
    [TH='class: indexcolicon, align: right'][Blockierte Grafik: http://aufwachen.bplaced.net/icons-sys/blank.png][/TH]
    [TH='class: indexcolname']Name[/TH]
    [TH='class: indexcollastmod, align: right']Last modified[/TH]
    [TH='class: indexcolsize, align: right']Size[/TH]
    [/TR]
    [TR='class: indexbreakrow']
    [TH='colspan: 4, align: right'][/TH]
    [/TR]
    [TR='class: even']
    [TD='class: indexcolicon, align: right'][Blockierte Grafik: http://aufwachen.bplaced.net/icons-sys/pma.png][/TD]
    [TD='class: indexcolname']MyAdmin.php[/TD]
    [TD='class: indexcollastmod, align: right']2018-06-24 13:43[/TD]
    [TD='class: indexcolsize, align: right']70[/TD]
    [/TR]
    [TR='class: odd']
    [TD='class: indexcolicon, align: right'][Blockierte Grafik: http://aufwachen.bplaced.net/icons-sys/pga.png][/TD]
    [TD='class: indexcolname']PgAdmin.php[/TD]
    [TD='class: indexcollastmod, align: right']2018-06-24 13:43[/TD]
    [TD='class: indexcolsize, align: right']70[/TD]
    [/TR]
    [TR='class: even']
    [TD='class: indexcolicon, align: right'][Blockierte Grafik: http://aufwachen.bplaced.net/icons-sys/la.png][/TD]
    [TD='class: indexcolname']live access.php[/TD]
    [TD='class: indexcollastmod, align: right']2018-06-24 13:43[/TD]
    [TD='class: indexcolsize, align: right']65[/TD]
    [/TR]
    [TR='class: indexbreakrow']
    [TH='colspan: 4, align: right'][/TH]
    [/TR]
    [/TABLE]
    Apache/2.4 Server at aufwachen.bplaced.net Port 80


    Was ist das und wie weiter?

    Gruss

  • Getan. Nun steht bei Eingabe des Links in den Browser über den drei Dateien oben das [TABLE='width: 1824']
    [TR='class: even']
    [TD='class: indexcolicon, align: right'][Blockierte Grafik: http://aufwachen.bplaced.net/icons-sys/html.png][/TD]
    [TD='class: indexcolname']Index.html/[/TD]
    [TD='class: indexcollastmod, align: right']2018-06-26 14:58[/TD]
    [TD='class: indexcolsize, align: right']-[/TD]
    [/TR]
    [/TABLE]

    Dieses ist anklickbar und enthält alle Dateien der Webseite mit den jeweiligen Unterseiten, die sich bei Klick im Browser alle richtig öffnen.

  • leider ist mein Bildschirm zu klein ,da kann ich nix lesen. Was passiert den wenn du den Hautlink in der Adresszeile angibst ? http://deinblacnetname.bplaced.net ? Öffnet sich danne Haupseite die du letztens erstellt hast oder wird nur der Ordner da aufgerufen (index)?
    EDIT :
    Habe deine Seite gefunden . Du hast den ganzen Ordner ja index.html genannt. Du mußt wenn es die Hauptadrese Bleiben soll deine index Datei in den Ordner packen wo auch der index Ordner jetzt ist. Dann mußt du in der Datei aber den BildPfade neu angeben.

    Oder du packst alle Datein aus den Orner in den Haupordner (WWW) von Bplaced.net. Ich glaube das ist am Anfang einfacher.Dann auch dran denken das deine Datei html.html in index.html unbenennst. Dann solte deine Seite auch über http://aufwachen.bplaced.net
    erreichbar sein. Jetzt bist du hier erreichbar

    Hier ist jetzt deine Seite http://aufwachen.bplaced.net/Index.html/htm.html

  • Hat mit dem Hauptlink geklappt. Hab den ganzen Inhalt des Webseiten-Ordners in www getan. Wenn ich jetzt

    aufwachen.bplaced.net eingebe, erscheint korrekt die Startseite. Aber die Links zu den anderen Bereichen funktionieren nicht. Da kommt der Fehler 404 von bplaced: gewünschte Seite nicht auffindbar.

    ?


    - - - Aktualisiert - - -

    mache morgen weiter, danke für die Antworten, bis dann.