Wenn der Anker in der rechten Seitenecke liegt und die Sprungmarke an der linken Seite, dann ist das Verhalten bei verkleinerter Fensterbreite nachvollziehbar.

Anker auf die linke Seite und es scrollt nur nach unten. Wenn der Text dann rechts nicht lesbar ist, muss der Leser selbst zum Text scrollen.

Besser wäre, die Seite skaliert auf Fensterbreite mit. Das kann man in den Webeigenschaften einstellen. Oder man denkt über das gesamte Layout der Website nach und gestaltet sie so, dass der Besucher alles im Blick hat, egal wie breit (groß) das Browserfenster ist.

Vielen Dank für die schnellen Antworten!

Meine Test-Seite habe ich mal abgelegt unter:

http://www.aegleshields.com

Zur Info: Die senkrechte Linie markiert die Seitenmitte. Der farbige Balken unten wird als Anker angesprungen.

Ungewöhnlich breit, deine Beispielseite. Für mich ist das ja schon ohne Anker eine Zumutung.

Hallo BildMacher, ja die Demo-Seite ist breit. Das Problem tritt bei einer Seitenbreite von z.B. 800px aber ebenfalls auf.

Mein "Anker" liegt nicht auf dem Text.

http://bildermacher.xara.hosting/LZA/#xl_Anker

Die Seite scrollt nur nach unten zur Ankerposition, nicht nach rechts.

Hallo BilderMacher, vielen Dank für die Mühe, die du dir gemacht hast. Ich probiere deine Seite gleich morgen früh am Desktop-PC aus. Viele Grüße, Mfue

Guten Morgen BilderMacher,

leider zeigt auch deine Seite in meinem Browser das unerwünschte Verhalten (Edge, aktuelle Version). Sobald man nämlich die Breite des Browserfensters kleiner einstellt als die Breite der Website (dann wird der horizontale Scrollbalken sichtbar) und man dann den Anker anspringt, verschiebt sich die Anzeige horizontal. Das sollte eigentlich nicht passieren.

Hast du oder hat jemand anderes einen Tipp?

Sorry, ich betrachte das aber als tolles Feature des WD.

Denn: deine Seite ist so mega-super-extrabreit, dass es dringend erforderlich ist, dass die Browser die angesprungenen Objekte auch wirklich ins Bild holen. Sonst denkt doch jeder Nutzer der Link ist für den Poppes. Der Anker wird bei mir in FF und auch in Edge stets mittig angeprungen; die Seite also zentriert.
Das ist eine Grundeinstellung beim Erstellen von Webprojekten.

Ob man das ändern kann, weiß ich nicht. Da müsstest du mal recherchieren. Wenn du gut englisch kannst, schau mal gern auch hier. Gruß Marboe

Hallo marboe,

vielen Dank für den Link.

Das Problem entsteht allerdings auch bei weniger breiten Seiten. Wie schon beschrieben und auch anhand der Seite von BilderMacher (s.o.) zu sehen, tritt dieses ungewollte horizontale Scrolling beim Anspringen des Ankers auch bei bei einer Breite von z.B. nur 800px auf. Es hat nichts mit der Breite der Seite zu tun. Man muss lediglich das Browserfenster so schmal machen, dass es kleiner ist als die Breite der Website. Dann hüpft die Seite beim Anspringen des Ankers zur Seite.

Das passiert übrigens auch dann, wenn der Link zum Anker und der Anker selbst zentriert(!) auf der Seite stehen. Trotzdem springt die Anzeige zur Seite, also auch obwohl beide Elemente zentriert in der Mitte der Seite stehen. Nach meinem Empfinden ist das Verhalten dann kein nützliches Feature. Ich mag es lieber der Browser tut das, was ich möchte :)

Hat jemand ein Idee wie man einen Anker anspringt und diese Anspringen auf ein rein vertikales Scrolling reduziert oder besser noch: Weiß jemand wie man ein horizontales Scrolling einer Seite komplett unterbinden kann?

Danke für eure Tipps!

Bei mir sieht das aktuell im FF so aus:

mit mega kleinem Fenster von hier zu

dieser Anzeige. Beachte die Scrollbalken rechts und unten.

Fazit: erstelle einen Anker der linksbündig am Seitenrand ist (das kann unsichtbarer Text sein oder ein 1 Pixelbild oder sonst was). Das müsste - ungeachtet deiner sonstigen Fragen - zu der Wunschoption führen. Gruß Marboe

Hier mein Anker, wie er sich im EDGE verhält. Da springt, scrollt, schiebt oder hüpft nichts, gar nichts.

Wie schon geschrieben, der Anker liegt bei mir NICHT in der Mitte beim Text, es ist ein verstecktes Element am linken Seitenrand.

Hallo BilderMacher,

danke für das Video. Reagiert dein Browser auch in dieser Form, wenn du die Breite des Browserfenster verkleinerst, so dass der horizontale Scrollbalken unten zu sehen ist?

Gruß, Mfue

Kann es sein, dass wir uns missverstehen?

Ich habe doch das Browserfenster schon auf die kleinste mögliche Breite zusammengeschoben. Der horizontale Scrollbalken unten ist auch zu sehen. Mehr geht nicht.

Okay, das stimmt, entschuldige bitte. Ich hatte nur den ersten Teil des Videos angesehen.

Das Verhalten ist aber identisch bei meiner Website, da sie immer nach links springt. Man sieht den horizontalen Sprung also nicht, wenn man die Seite vorher schon nach links schiebt.

Vielleicht könntest du das Verhalten bei dir nochmal ausprobieren, wenn du die Website vorher nicht mit dem Scrollbalken nach links schiebst, also Website mittig anzeigen lässt und dann auf den Link klickst.

Was passiert dann bei dir?

Öffne ich meine Seite, verkleinere die Breite, befindet sich der Scrollbalken am linken Rand.

Klicke ich dann auf den Anker, scrollt die Seite nach unten und verbleibt links. Mein Anker liegt ja auch links.

Würde ich den auf die rechte Seite oder in der Mitte platzieren, springt der Browser genau dahin.

Also bei zentrierter Website, bleibt das Fenster mittig, wenn du den zentrieren Anker anspringst? Das wäre super. Könntest du davon eventuell nochmal ein Video posten? Vielen Dank!

Also bei zentrierter Website, bleibt das Fenster mittig, wenn du den zentrieren Anker anspringst?

Nein, dann würde die Seite zum mittigen Anker scrollen.

Ich habe aber keinen Anker in der Mitte, mein (Beispiel) Anker befindet sich hier:

Okay, verstehe, dann geht das bei dir vermutlich auch nicht. Das löst mein Problem daher leider nicht. Ich habe ja den Anker mittig(!) und möchte gerade nicht(!) das die Seite nach links oder rechts springt. Sie soll einfach nur vertikal scrollen.

Ich bin also leider keinen Schritt weiter gekommen. Trotzdem vielen Dank für die Bemühungen.

Hat vielleicht sonst noch jemand eine Idee zu dem Thema? Ist das eventuell ein Bug im WD?

Ich danke euch schon mal herzlich im Voraus!

Es gibt vielleicht noch eine Einstellung (Webeigenschaften), bei der es keinen horizontalen Scrollbalken gibt und der Seiteninhalt immer mittig angezeigt wird.

Verkleinert man das Browserfenster, und man ruft den Anker (mittig) auf, bleibt alles mittig.

http://bildermacher.xara.hosting/LZA/#xl_Anker

Verkleinert man das Browserfenster, und man ruft den Anker (mittig) auf, bleibt alles mittig.

http://bildermacher.xara.hosting/LZA/#xl_Anker

Also bei mir springt die Anzeige. Vielleicht kannst du davon mal ein Video posten.

Okay BilderMacher,

vielen Dank für das neue Video.

Die von dir gezeigte neue Testseite läuft jetzt allerdings mit einem Java-Script namens roe.js. Das Script kümmert sich um einige Aspekte der Seitendarstellung. Die horizontale Scrollleiste erscheint gar nicht mehr. Die Seite wird auf jede Fensterbreite gerendert usw.

Scheinbar gibt es wohl keine Lösung in HTML.

Zu dem Script hätte ich drei Fragen: Gehört das Script zu den Bordmitteln von WD? Wenn ja, wie hast du es eingebunden? Und: Funktioniert das Script auch bei Websites mit mehreren Varianten?

Vielen Dank!