vspace um Bilder funktioniert in Firefox nicht (mehr)

  • Nach meiner Umtellung auf den Theme "Vistered Little" funktioniert die vspace-Angabe, die dazu dient, die Bilder etwas vom Text abzurücken, nicht mehr in Firefox. Im IE wird der Abstand korrekt angezeigt.

    Irgendjemand eine Idee für Ursache und Lösung dieses Problems?

    • 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

  • Zwei Möglichkeiten, die mir einfallen:

    Vistered Little könnte als XHTML Strict ausgegeben werden, dann wäre vspace ein ungültiges Attribut (da nicht mehr vorhanden) und würde ignoriert werden - den IE kümmert sowas natürlich nicht. Schau mal in der header.php was in der allerersten Zeile bei doctype steht.

    Oder aber in der style.css sind abweichende Angaben für den img-Tag gemacht worden, die die Attribute überschreiben. Im Zweifel also auch dort mal nachschauen.

    Gruß Jeriko

    Jeriko - Design, Style, Photographie

  • Ich glaube, dein erster Einfall könnte zu treffen - habe aber selbst keine Ahnung. Im Header findet sich Folgendes:

    HTML
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

    Soll ich da irgendwas ändern?

  • ja vergiss vpsace ist einfach ururururalt

    du hast dann zwar ein modernes Blog aber uralte Technik unter der Haube :(


    da kein Link zum Blog und ich die über tausend Themes aber einfach nicht auswändig kann nur prinzipiell

    suche die Angaben zu img in der style.css und gib dort ein
    valign:baseline oder so an

    lg

  • Nach meiner Umtellung auf den Theme "Vistered Little" funktioniert die vspace-Angabe, die dazu dient, die Bilder etwas vom Text abzurücken, nicht mehr in Firefox. Im IE wird der Abstand korrekt angezeigt.

    "vspace" gilt schon mit HTML 4.01 als "Deprecated", ergo als veraltet. Das ist über 7 Jahre her ... ;-)

    Alternativ sind die Angaben "padding" oder "margin" - je nach Bedarf - von CSS einzusetzen.

    Vielleicht solltest du deine Seiten mal mit einem Validator prüfen:

    - http://validator.w3.org/ (HTML, XHTML)
    - http://jigsaw.w3.org/css-validator/ (CSS)
    - http://www.validome.org/ (HTML, XHTML)

    So mancher Fehler wird dann ersichtlich. (Mit dem richtigen MIME-Type - application/xhtml+xml - wird XHTML (oder genauer XML) beim Firefox anders (eben richtig für XML) geparst. Da werden ebenso etliche Fehler ersichtlich.)

    BTW: MS IE akzeptiert viele veraltete oder falsche Angaben. Das ist leider kein Maßstab. Aber MS IE 7 ist empfindlicher als MS IE 6 und dessen Vorgänger. Daher funktioniert schon manche Seite mit MS IE 7 nicht mehr richtig. Und mit Hinweis auf die Validatoren: Fehlerfreie Seiten machen die wenigsten Sorgen.


    XRay.

  • Vielen Dank für die ausführlichen Hinweise. Mein Bild-Editor-Plugin hat vspace verwendet - warum, wenn das schon so uralt ist, weiß ich auch nicht. Jetzt verwende ich den einfach nicht mehr und habe den margin in die css geschrieben. Vielen Dank für die Hilfe.

  • Vielen Dank für die ausführlichen Hinweise. Mein Bild-Editor-Plugin hat vspace verwendet - warum, wenn das schon so uralt ist, weiß ich auch nicht. Jetzt verwende ich den einfach nicht mehr und habe den margin in die css geschrieben. Vielen Dank für die Hilfe.

    weil solche Editoren zumeist von Programmierern geschrieben werden, die das allerneueste PHP zwar können , aber so unendlich selten auch nur ansatzweise html oder css, (die betrachten dies oft als Kinderkram, den man halt lästigerweise für ihr php braucht ) scherzend, ernst mein

    lg

Jetzt mitmachen!

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