Anker zerstört Textzeile

Anker

Hi Wordpresser,

in der Suche hab ich zwar ein haufen Artikel zu diesem Problem gefunden, aber keines was das Problem wirklich lösen kann. Erst hatte ich gedacht, dass die Plugins fehlerhaft sind, aber da es mit einfachen HTML-Code ebenso Text zerschrettert, hoffe ich mir kann jemand sagen woran das liegt.

Das Problem

Zitat

<a href="#anfang">Seitenanfang</a>
<a name="anfang">Lange Seite</a>

So schön so gut. Alles funktioniert. Aber sobald man auf den Anker klickt, um auf die Beschreibung zu wechseln, passiert das hier (siehe bild zerstort.jpg).

Kann mir jemand erklären, wieso das passiert?

Ändert man die Permalinkadresse wieder in den Ursprung, also von

Zitat

URLadresse.de/test/#anfang
wieder auf
URLadresse.de/test/

wird der Text auch wieder korrekt angezeigt. Also was ist denn nur los bei Wordpress mit den Ankern?

Werbepost

Hallo!

Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
✔️ Deutsche Server & DSGVO-konform
✔️ Persönlicher Support (kein 0815-Ticket-System)

Mehr erfahren

cebito

Um da was zu sagen, müsste man wissen, wie das geschachtelt ist incl. der css dazu. Ist der Content mit nem margin unter das Bild geschoben worden?

Anker

Ich glaube, da hast du voll ins schwarze getroffen. Aber ich kann nicht erkennen wo der Fehler liegt.

Code

/* Trick the WordPress Theme Bot *Evil* */
.aligncenter            { display: block; margin: 0 auto; }
.alignright                { float: right; margin: 0 0 1em 1em; }
.alignleft                { float: left; margin: 0 1em 1em 0; }
.floatleft                { float: left; }
.floatright                { float: right; }
img.aligncenter, img.alignright, img.alignleft  { border: 1px solid #DDD; text-align: center; background: #F3F3F3; padding: 4px; }


.textcenter                { text-align: center; }
.textright                { text-align: right; }
.textleft                { text-align: left; }


.wp-caption { border: 1px solid #DDD; text-align: center; background: #F3F3F3; padding-top: 4px; margin: 10px }
.wp-caption img { margin: 0; padding: 0; border: none }
.wp-caption .wp-caption-text { font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0 }

Alles anzeigen

edit also liegt das an arras (mein wordpresstheme) und ich mecker über wordpress. Na klasse.

derElch

Sehr gut möglich dass das daran liegt, dass wenn du example.org/2001/02/16/titel-des-artikels hast er entsprechend darauf verweist und dies auch per HTACCESS so umwandelt.

Wenn du dann aber noch ein #ankername drin hast kann das zu verwirrungen führen.

Hast du das problem auch, wenn du die Standard URL Einstellung verwendest? Sprich ?s=123 etc.

cebito

Wenn man auf nen Anker verweist, springt der immer ganz nach oben, wenn da aber noch ein festes Bild ist, dann verdeckt das halt nen Teil. Siehst du hier sehr schön http://www.cebito.de/journal , normal hat der body 60px oben Luft, wenn du aber die to top-Anker klickst, springt der ganz nach oben...

Ach ja, das Stück css nutzt nichts, weil ich das Theme nicht kenne und nicht weiß, wie die html aufgebaut ist.

derElch

Wenn ich auf To Top klicke passiert garnichts :-P

Anker

Ich danke euch für eure Mühe. Da scheint es wohl mehrere Baustellen zu geben. Wenn ich auf StandardURL umschalte erscheint der gleiche unschöne Schnitt.

Dann wird das wohl nichts mit den Fußzeilen. Wenn man keine Ahnung hat muss man wohl damit leben.

Nehme an, es würde auch nichts bringen wenn ich hier mal die single.php und die htaccess posten würde, oder?

cebito

Zitat von derElch

Wenn ich auf To Top klicke passiert garnichts :-P

Auf Faustkeile reagiert das nicht, oder was willst mir jetzt sagen? Das ich den Elchtest nich bestanden hab?

Zitat von Anker

Nehme an, es würde auch nichts bringen wenn ich hier mal die single.php und die htaccess posten würde, oder?

Nein, der feststehende Header verdeckt alles - (meine Vermutung) wenn der mitscrollen würde wäre alles ok...

derElch

Zitat von cebito

Auf Faustkeile reagiert das nicht, oder was willst mir jetzt sagen? Das ich den Elchtest nich bestanden hab?

ich sage damit dass deine Anker nicht funktionieren.

cebito

Zitat von derElch

ich sage damit dass deine Anker nicht funktionieren.

Zeich mal, wär mir neu... die zeigen alle nur nach oben, deshalb auch "to top"...

derElch

Kann deinen Server gerade nicht erreichen um es erneut zu testen, hat aber heute nachmittag mit Chrome im Büro nicht funktioniert.

derElch

Jep jetzt konnt ich es wieder testen:
FF, IE, Opera: funktioniert.
Chrome, Safari: funktioniert nicht.

cebito

Nicht mein Problem, handelt sich um normale Anker. Irgendwo hörts auf. Ich muss nicht jedem (Browser) den Arsch wischen...

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Anker zerstört Textzeile

Jetzt mitmachen!