Banner erscheint nur in Firefox

  • Ich habe testhalber mal ein Banner in die Sidebar meines Blogs integriert. In FF wird es richtig angezeigt. Im IE aber erscheint es überhaupt nicht. Was mache ich falsch? Liegt das Problem im Banner-Code (den ich mir selbst zusammengereimt habe)?

    "marX" hat mir in einem anderen Zusammenhang mal geschrieben, dass so etwas daran liegen könne, dass mein Theme einige Fehler habe. Daraufhin habe ich jetzt mithilfe des Markup Validation Service die Zahl der Fehler von über 60 auf ca. 30 reduziert. Trotzdem wird das Banner im IE noch nicht angezeigt. Bei den restlichen Fehlern habe ich Probleme, die Stelle zu finden, an der die Korrektur zu erfolgen hat.
    Z.B. beim ersten Fehler ist zwar genau die Position angegeben - Line 171, Column 1154 - aber ich finde das Dokument nicht, in dem diese Zeile 171 geändert werden muss. Als fehlerhaft wird ja bei Nr. 1 ein überflüssiges end tag gezeigt:

    Code
    …verrater/#more-945" class="more-link"[COLOR=Red][B]>[/B][/COLOR]<span class="more-link">(Weiterlesen)</

    Die gleiche Stelle lautet im WP-editor in der HTML-Ansicht:

    HTML
    target="_blank"><!--more--></a></blockquote>

    Ich habe auch bereits im Dateimanager meines Hosts nachgesehen sowie bei php-my-admin, konnte aber die Stelle nicht finden.

    Wo ist der richtige Ort, an dem ich die restlichen 30 Fehler noch ausmerzen kann?

    Danke für jede Hilfe!

    • 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

  • Ich habe testhalber mal ein Banner in die Sidebar meines Blogs integriert. In FF wird es richtig angezeigt. Im IE aber erscheint es überhaupt nicht. Was mache ich falsch? Liegt das Problem im Banner-Code (den ich mir selbst zusammengereimt habe)?


    Wie lautet der Bannercode und wo steht der Banner? (Hab grad Tomaten auf den Augen. ;-))

    Zitat

    "marX" hat mir in einem anderen Zusammenhang mal geschrieben, dass so etwas daran liegen könne, dass mein Theme einige Fehler habe.


    Jaja, so isser dieser "marX"...

    Zitat

    Daraufhin habe ich jetzt mithilfe des Markup Validation Service die Zahl der Fehler von über 60 auf ca. 30 reduziert. Trotzdem wird das Banner im IE noch nicht angezeigt. Bei den restlichen Fehlern habe ich Probleme, die Stelle zu finden, an der die Korrektur zu erfolgen hat.


    Vorbildlich. Die Stellen musst du natürlich im Theme suchen. Da die Seiten ja dynamisch erzeugt werden, kannst du nur annähernd sagen, wo die Stellen genau sind. Und durch den "Loop", de rja mehrfach ausgeführt wird, können auch manche Fehler mehrfach auftreten, obwohl sie nur 1x im Theme auftauchen. Wir kriegen das aber schon hin.

    Zitat
    Code
    …verrater/#more-945" class="more-link"[COLOR=Red][B]>[/B][/COLOR]<span class="more-link">(Weiterlesen)</

    Die gleiche Stelle lautet im WP-editor in der HTML-Ansicht:

    HTML
    target="_blank"><!--more--></a></blockquote>


    Also erstmal sollte ich erwähnen, dass es gefährlich ist, HTML-Tags über den more-Tag zu legen, da an diesem ja der Artikel getrennt wird. Damit fehlen natürlich die nach more folgenden schließenden HTML-Tags.
    Außerdem erzeugt das more-Tag ja bei der Ausgabe einen Link auf die Einzelansicht des Artikels. Diesen Link scheinst du in einen weiteren Link einzupacken. Das ist in HTML nicht erlaubt (und macht auch keinen Sinn).

    Ein paar kleinere Fehler seh ich grad noch, zum Beispiel unescapte '&' in URLs - diese müssten in HTML korrekt als '&amp;' umschrieben werden, da das '&' in HTML ja eine spezielle Bedeutung hat. Das scheint aber ein fehlerhaftes Plugin zu verursachen (AddThis Feed Button), das kannst du erstmal hinten anstellen.

    In Zeile 703 seh ich 2 unvollständige HTML-Elemente:

    Code
    <p><a target="_blank" href="http://www.rsf.org/" title="Link zu Reporters sans frontière[COLOR="Red"]s"<im[/COLOR]g src="http://www.rsf.org/IMG/gif/120-600-gb-4.gif" alt="http://www.rsf.org/IMG/gif/120-600-gb-4.g[COLOR="#ff0000"]if"/a o[/COLOR]nclick="javascript:urchinTracker('/outbound/www.rsf.org/');"></p>


    Da fehlen ein paar spitze Klammern an den rot markierten Stellen. Achso, und das onclick-Attribut muss in den öffnenden Teil des <a>-Elements, nicht in den schließenden.

    Ich hoffe damit kommst du erstmal etwas voran. Wenn Fragen - sagen. Und ein wenig Quellcode posten (wahrscheinlich die index.php deines Themes).

    PS:

    Zitat von http://espritdescalier.de/blog/

    [...] Heine spricht einmal von seinen deutschen Landsleuten in Paris, »darunter der entschiedenste und geistreichste, Dr. Marx« [...]


    Den find ich schön. Ich hab aber noch gar keinen Doktortitel! :mrgreen:

  • Zitat

    PS:
    Zitat:
    Zitat von L&rsquo;esprit d&rsquo;escalier » Thinker&rsquo;s Digest
    [...] Heine spricht einmal von seinen deutschen Landsleuten in Paris, »darunter der entschiedenste und geistreichste, Dr. Marx« [...]

    Den find ich schön. Ich hab aber noch gar keinen Doktortitel! :mrgreen:

    Jetzt weißt Du, warum ich mich an Dich wende ... aber lies nicht weiter, da kommen noch weniger vorteilhafte Dinge über Dr. Marx.

    Das Banner sollte sich in der Sidebar befinden, etwas weiter unten, direkt unter dem Bookmark-Button auf Höhe der Artikelüberschrift: Verrat am Verräter. Sein Code lautet:

    Code
    <p><a target="_blank" href="http://www.rsf.org/" title="Link zu Reporters sans frontières"<img src="http://www.rsf.org/IMG/gif/120-600-gb-4.gif" alt="http://www.rsf.org/IMG/gif/120-600-gb-4.gif"/a></p>

    Hier ist meine index.php:

    Jetzt sehe ich auch die als fehlerhaft qualifizierte Stelle:

    Code
    class="more-link"[B][COLOR=Red]>[/COLOR][/B]<span class="more-link">(Weiterlesen)</
    Code
    ('<span class="more-link">'.__('(Weiterlesen)',

    Die als fehlend beanstandete spitze Klammer ist aber da.

    Ich habe jetzt in einem Artikel:

    Code
    target="_blank"><!--more--></a></blockquote>

    geändert in:

    Code
    </a></blockquote><!--more-->

    Der Validation check ergibt dadurch plötzlich nur noch 28 statt 36 Fehler. Da kann ich nicht ganz folgen, auch wenn es natürlich schön ist, die Fehlerzahl reduziert zu haben. Könnte ja was mit dem Loop zu tun haben, von dem Du sprachst. Aber ich habe die Stelle ja in einem einzelnen Artikel geändert, nicht in der index.php. Naja.

    Zitat

    In Zeile 703 seh ich 2 unvollständige HTML-Elemente:

    Code
    <p><a target="_blank" href="http://www.rsf.org/" title="Link zu Reporters sans frontières"<img src="http://www.rsf.org/IMG/gif/120-600-gb-4.gif" alt="http://www.rsf.org/IMG/gif/120-600-gb-4.gif"/a onclick="javascript:urchinTracker('/outbound/www.rsf.org/');"></p>

    Was meinst Du, wo sich Zeile 703 verbirgt. Die Index.php hat doch längst nicht so viele Zeilen. Du siehst, ich bin noch immer nicht sonderlich beschlagen ... aber ich bemühe mich.

  • Zitat

    Das Banner sollte sich in der Sidebar befinden, etwas weiter unten, direkt unter dem Bookmark-Button auf Höhe der Artikelüberschrift: Verrat am Verräter.


    Das ist ja das was ich weiter oben schon in "Zeile 703" gefunden habe.

    Zitat

    Was meinst Du, wo sich Zeile 703 verbirgt. Die Index.php hat doch längst nicht so viele Zeilen. Du siehst, ich bin noch immer nicht sonderlich beschlagen ... aber ich bemühe mich.


    Also, wie du in der index.php siehst, wird die zusammengesetzt. Es wird der Header aufgerufen, der Loop gibts wiederholt Beiträge aus, es werden Sidebar und Header eingebunden. Und am Ende wird der gesamte HTML-Code, der jetzt erzeugt wurde, an deinen Browser geschickt. Und in diesem in Zeile 703 ist der Fehler.
    Jetzt musst du als Entwickler suchen, was sich in Zeile 703 befindet, in welcher Template-Datei der zugehörige Code steht.
    In deinem Fall steht der Button in der sidebar.php, wie du schon schriebst. Allerdings nicht ganz korrekt. Ich bau dir mal die fehlenden Teile farbig markiert ein:

    Code
    <p><a target="_blank" href="http://www.rsf.org/" title="Link zu Reporters sans frontières"[B][COLOR="Red"]>[/COLOR][/B]<img src="http://www.rsf.org/IMG/gif/120-600-gb-4.gif" alt="http://www.rsf.org/IMG/gif/120-600-gb-4.gif"[COLOR="#ff0000"][B]><[/B][/COLOR]/a></p>


    Es sind nur ein paar fehlende spitze Klammern - aber da diese ja ein HTML-Element begrenzen ist der Fehler sehr gravierend und der Button wird gar nicht erst angezeigt.

    Zitat
    Code
    </a></blockquote><!--more-->

    Der Validation check ergibt dadurch plötzlich nur noch 28 statt 36 Fehler. Da kann ich nicht ganz folgen, auch wenn es natürlich schön ist, die Fehlerzahl reduziert zu haben. Könnte ja was mit dem Loop zu tun haben, von dem Du sprachst. Aber ich habe die Stelle ja in einem einzelnen Artikel geändert, nicht in der index.php. Naja.


    Auch Beiträge können HTML-Code enthalten, z.B. Links oder auch Blockquote-Zitate. Hier kannst du natürlich auch Fehler einbauen, klar. Problematisch ist wie oben bereits gesagt, wenn du mit einem HTML-Element den more-Tag einspannst - also das Element vor dem more-Tag beginnt, und nach dem more-Tag endet. Da der Text in der Artikelübersicht am more-Tag abgeschnitten wird fehlt natürlich dann dort das zugehörige schließende HTML-Tag -> Fehler.

    Ansonsten fehlen ein paar schließende </p>-Tags in der Sektion google_ad_section (3 fehlende hab ich gezählt, immer vor </li>). Da musst du aber auch selbst wissen, an welcher Stelle die wie eingebunden wird.
    Dann noch der oben schon angesprochene Fehler im "AddThis Feed Button"-Plugin und dein Banner. Ich denke dann hast du's.

    So ich hoffe ich konnte ein paar Fehler ausräumen. Ganz im Sinne des Philosophen:

    Zitat von http://espritdescalier.de/blog/2008/04/17/golo-mann-uber-karl-marx/

    [...] Was Marx sagte, war in der Tat gehaltreich, logisch und klar. [...]


    (nächster Satz bewusst weggelassen. :mrgreen:

    [SIZE="1"]PS: Mein Nick hat eigentlich gar nix mit dem Philosophen zu tun, deswegen auch kleines 'm' und großes 'X'. Aber das nur am Rande...[/SIZE]

Jetzt mitmachen!

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