n3rdskwat-mp3player verzerrt die Sidebar

  • Hallo zusammen!

    Eventuell hat ja jemand hier Lust, mir bei meinem Problem behilflich zu sein. Ich habe in meinen Blog das prinzipiell geniale Plug-In "n3rdskwat-mp3player" eingebunden. Dieser mp3-player sieht sehr edel aus und hat zudem den Vorteil, dass er ein Musikstück auch weiterhin abspielt, wenn ein Link innerhalb der Internetpräsenz genutzt wird.

    Nun ist aber ein schwerwiegendes Problem aufgetreten! Betrete ich die Startseite nach Aktivierung des Plug-Ins sieht zunächst alles gut aus. Betätige ich jedoch einen beliebigen Link, verzieht sich die äußerst rechte Sidebar (ich benutze das Template Elegant Grunge) so extrem, dass die komplette Seite von da an entstellt ist. Dieser Fehler lässt sich auch nicht rückgängig machen, durch Klicken weiterer Links bleibt diese Ansicht bestehen. Nur durch Betätigen des Favoriten-Links meines Browsers wird die "richtige" Darstellung erneut aktiviert - aber nur, bis man wieder einen Link anklickt!

    Ich bin mit meinem Latein am Ende, ich habe google.de intensiv genutzt und auch einen Tipp gefunden (n3s_body { margin: 0px !important; } n3s_body { position: relative; } im Stylesheet ergänzen), dies hat jedoch nichts gebracht.

    Ich würde den mp3-player so gern nutzen, er wäre das I-Tüpfelchen. :(

    Ich bedanke mich im Voraus!
    Juneau

    • 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

  • Tja, das liegt dann vermutlich am CSS, welches bei dir nicht sauber programmiert wurde.

    Lass doch einmal deinen CSS-Code von der Seite: http://jigsaw.w3.org/css-validator/ prüfen.

    Vlt. hilft dir das dann bei der Fehlerbeseitigung:
    http://www.positioniseverything.net/explorer/doubled-margin.html
    http://www.css4you.de

    Am besten du machst dann immer alle Positionierungen mit einem Rahmen sichtbar (border:1px solid #0000ff;), dann siehst du relativ schnell welcher Abschnitt dir das Theme durcheinander haut :lol:.

    Meistens ist es leider fast einfacher und schneller das Theme neu nachzubauen, da wirklich all zu oft ein grausames CSS verwendet wird.

    Zum prüfen des (x)HMTL-Codes auf deiner Seite gibt es z.B.:
    http://www.totalvalidator.com

    Und zum Pfüfen des CSS auf deiner Seite (nochmal):
    http://jigsaw.w3.org/css-validator/

    Grüße,

    Lance

  • Falls jemand das gleiche Problem haben sollte: ich habe die Verzerrung nun umgangen, indem ich die vorletzte Version des Plugins installiert habe, mit dem funktioniert es problemlos.

Jetzt mitmachen!

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