Kubrick & Browser-Mashup

    Hallo Forum!

    Vor zwei Wochen hatte ich unter strange loops noch ein valides XHTML-Dokument. Seitdem habe ich (eigentlich) keine großen Änderungen vorgenommen, gestern Abend aber voller Schreck festgestellt, dass die Seite im IE und Opera völlig zerschossen ist (Sidebar verrutscht, Hintergrund setzt sich weiter unten nicht fort usw.).
    Fiel mir vorher gar nicht auf, weil ich eigentlich nur Safari und FF nutze - in beiden Browsern ist die Seite clean.

    Ich habe die Seite mit den allgemein bekannten Validations-tools geprüft und 14 Fehler gefunden. Das Bereinigen hat mir aber noch mehr Probleme bereitet, so dass ich mich glücklich schätzen konnte, eine alte Version wieder herstellen zu können.

    Kann mir jemand helfen?
    Hier erst mal ein paar schockierende Screenshots:

    • Gerade eben
    • 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

    Meistens liegt es an den unterschiedlichen Interpretationen der margin- und padding-Befehle. Normalerweise setze ich sie für alle Bereiche erst einmal auf 0px. Anschließend und soweit dies notwendig ist, ändere ich diese dann ab.

    VG Elke

    Es gibt keine dummen Fragen, es gibt nur dumme Antworten...
    http://u-portal.de/

    Hallo Elke & danke!

    Aber: Da ich die margin- und padding-Befehle ja nicht geändert habe (und die Darstellung am Anfang in allen Browsern funktionierte) - kann das die Lösung sein?

    Da ich nicht weiß, was Du geändert hast, kann es die Lösung sein, muss es aber nicht. ;-)
    Vielleicht ist auch ein Bild zu groß (1 Pixel genügt), oder Du hast erst jetzt und das erste Mal in einem Beitrag oder in einer Seite einen Befehl benutzt, der das Ganze negativ beeinflusst.
    Passiert das Drama denn auf allen Seiten oder sind nur einige davon betroffen? Wenn ja: welche?

    Hat es denn wirklich vorher funktioniert? Ich hatte Dich so verstanden, dass Du erst jetzt das überprüft hast...
    Aber egal. In jedem Fall wäre es sehr sinnvoll, wenn Du schreibst, was Du geändert hast. Vielleicht können wir Dir dann ja weiterhelfen.

    VG Elke

    Es gibt keine dummen Fragen, es gibt nur dumme Antworten...
    http://u-portal.de/

    Hi Elke,

    ich hab's gefixed. XHTML ist wieder valide. Problem war vorallem die Einbindung des YouTube-Videos. Muss mich jetzt mal auf die Suche begeben, wie das korrekt läuft.

    Ich habe das nämlich via Plugin ("youtube.php" oder so) gemacht und das hat die Hälfte aller Fehler verursacht. Leider funktioniert die Standardvariante über "Multimedia einbinden" auch nicht richtig: Da wird nur ein Link zum Video eingefügt, das Video selbst soll aber ja eingebettet werden...

    Wenn du da was weisst: Gerne Bescheiod sagen!
    Und auch sonst: Danke für's Interesse!

    Bitte, gern geschehen. ;-)

    Nur eine Idee:
    nutzt Du noch andere Plugins oder den WYSWYG-Editor, die JavaScript enthalten? Vielleicht benutzen diese unterschiedliche JavaScript-Versionen und es kommt deswegen zu diesen Fehlern.
    Oder die JavaScript-Programme selbst enthalten Fehler, wobei ich mir nicht vorstellen kann, dass diese die Design-Fehler verursachen. Aber nichts ist unmöglich... ;-)
    Welche WP-Version nutzt Du? Wie sieht es mit Deinem Browser aus? Nutzt der die selbe Version, wie Deine WP-Version?
    Wenn Du nach den Stichworten WYSWYG-Editor und/oder Bilder/Multimedia hier im Forum suchst, solltest Du viele Beiträge finden, die Dir weiterhelfen sollten.

    VG Elke

    Es gibt keine dummen Fragen, es gibt nur dumme Antworten...
    http://u-portal.de/

    Hallo,

    ich hab's! Eine Google-Suche hat mich zu einem XHTML-validen Code geführt. Ich poste ihn hier einmal, falls andere Leute ein ähnliches Problem haben sollten:

    HTML
    <object type="application/x-shockwave-flash" width="425" height="350" data="http://www.youtube.com/v/VIDEO_ID"> 
    <param name="movie" value="http://www.youtube.com/v/VIDEO_ID" /> 
</object>

    Der Dank gebührt in diesem Fall übrigens dem 123-blog! Dort ist auch eine Anleitung zu finden. Juhu, wieder valide unterwegs!

Jetzt mitmachen!

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

Benutzerkonto erstellen Anmelden