Layout wird abgeschnitten (bei Kommentar-Funktion)

  • Hallo,

    ich setzte gerade mein erstes Projekt in Wordpress um. WP nutze ich als reines CMS. An einer Stelle habe ich Layout-Probleme in Verbindung mit der Kommentar-Funktion und komme ohne Hilfe einfach nicht mehr weiter.

    Auf einer statischen WP-Seite habe ich eine Seite als »Gästebuch« angelegt. Dort nutze ich die WP-Kommentarfunktion. Dies funktioniert auch im Grunde. Es gib aber ein Problem sowohl bei Abschicken eines neuen Kommentars, als auch bei Klick auf den Link eines alten Kommentars. Das Layout nämlich, wird genau ab der vertikalen Stelle wo sich die Ansicht gerade befindet abgeschnitten, wenn sich die Seite neu aufbaut hat. Der Header ist noch da, aber die beiden Seitenleisten und der Inhaltskontainer werden oben »abgesägt«. In der Adresszeile steht am Ende in etwa: =1#comment-10

    Der Aufbau des »Gästebuchs« ist folgendermaßen:

    Das »Gästebuch« hat ein eigenes Template namens guestbook.php. Der einzige Unterschied in diesem Template ist die Loop. Dort befindet sich der Aufruf zur comments.php. Also <?php comments_template(); ?>. Mehr nicht. Die comments.php ist aus dem Kubrick-Theme.

    Ansehen kann man sich das hier: http://www.la-residence.net/wordpress/?page_id=124

    Einfach auf einen Link eines alten Kommentares klicken (kann man die eigentlich abschalten?) oder einen neuen Kommentar anlegen. Die Seite ist noch nicht offiziell, also kein Problem.

    Vielen Dank für jede Hilfestellung, C.H.

    • Anzeige

    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

  • willkommen hier im forum :smile:

    das verhalten scheint davon zu kommen, dass nach der kommentarabgabe, oder biem klick, der code auf den anker div#comment-21 (mit der comment id) springt;

    ich hab das gefuehl, dass das auch mit:


    insbesondere diesem 'Auto Container Height' zu tun hat.

    versuch, was ohne die drei letzten zeilen passiert.

    und aus prinzip, das hier auch noch bereinigen:
    http://validator.w3.org/check?uri=http…=Inline&group=0

  • Hallo alchymyth,

    vielen Dank für die Antwort. Das ist schon mal ein Anfang. Du hattest Recht, ohne die Auto-Height-Container gibt es keine Probleme. Ich würde die nun trotzdem gerne drinnen lassen, ich werd mal sehen ob ich dieses Anker-Problem umgehen kann. Falls Du eine Idee hast, gerne her damit.

    Den Validator gehe ich noch durch. Ich bin diesbezüglich nämlich nicht nachlässig. Die Probleme kommen vor allem noch von falsch verschachtelten li-Tags die von WP generiert werden. Aber eins nach dem anderen. ;-)

    Vielen Dank nochmals, C.H.

  • die falsch verschachtelten div/li kommen oft aus der registrierung der sidebars, in functions.php vom theme.
    viele wordpress list funktionen, die oft im sidebar laufen, erzeugen die li; wenn da der sidebar mit divs atrukturiert ist, kann es die validierungsprobleme geben.

    auuserdem:
    such mal nach 'clearfix' - das hilft auch, den content hintergrund immer mit dem inhalt zu strecken.


  • such mal nach 'clearfix' - das hilft auch, den content hintergrund immer mit dem inhalt zu strecken.

    Hallo alchymyth,

    Danke für Deine Hilfe. Du hast mich auf den richtigen Pfad gebracht. Mit »clearfix« bin ich nicht weiter gekommen aber es war viel einfacher: ich habe die »Auto-Height« aus dem Gästebuch entfernt, dort wird sie ohnehin nicht benötigt.

    Merci, C.H.

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!