Falk: Browser + PHP-Problem nach DOCTYPE Deklaration

Hallo,

Wer kann helfen?
Nachdem ich meine  web-Dokumente dem w3-Standart angepaßt habe, ärgern mich zwei Dinge:
1. Damit sich die Ladezeit von meinen Bilddateien verkürzt, habe ich diese gevierteilt und folgendermaßen ins html-Dokument eingebunden:

<img src=“pfad/datei.jpg“ alt=“bild“ width=“x“ height=“y“ /><img src=“pfad/datei.jpg“ alt=“bild“ width=“x“ height=“y“ /><br /><img src=“pfad/datei.jpg“ alt=“bild“ width=“x“ height=“y“ /><img src=“pfad/datei.jpg“ alt=“bild“ width=“x“ height=“y“ />

Damit es zu keiner Unterbrechung im Bild kommt, steht alles in einer Zeile. Das hat bisher ganz gut funktioniert. Nachdem ich nun den Verweis auf die dtd eingefügt hatte

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
                                         "../../xml/dtd/xhtml1-transitional.dtd" >

„zerschneidet“ Netscape und Mozilla meine Bilder. Zwischen den oberen und unteren Teilen erscheint ein
     etwa 2Pixel breiter Streifen. Opera und IE tun es nicht. Lösche ich den Pfad zur dtd, ist alles wieder ok.
     Ich will nicht unbedingt über 300 Dias noch mal neu scannen und bearbeiten. Was kann ich tun?

2.  Die Bilder werden über Verweise, die in einer Datenbank liegen geladen.  Der Anwender hat die Möglichkeit
     über ein Formularfeld Bilder nach Schlagworten zu suchen. Damit er auch Sonderzeichen eingeben kann,
     werden diese von einem PHP – Skript umgewandelt (z.B. ä in ae). Die Funktion sieht so aus:

$sb=ereg_replace("[^a-zäöüß]"," ",$sb);
     $s1=array("/ä/","/ö/","/ü/","/ß/");
     $s2=array("ae","oe","ue","ss");
     $sb=preg_replace($s1, $s2, $sb);

Da hier „unerlaubte“ Zeichen unkodiert im Dokument stehen meckert der Validator natürlich. Nur habe ich
     keine Ahnung wie ich es anders lösen kann.

Danke , schon mal
Falk

  1. hi

    „zerschneidet“ Netscape und Mozilla meine Bilder. Zwischen den oberen und unteren Teilen erscheint ein
         etwa 2Pixel breiter Streifen. Opera und IE tun es nicht. Lösche ich den Pfad zur dtd, ist alles wieder ok.
         Ich will nicht unbedingt über 300 Dias noch mal neu scannen und bearbeiten. Was kann ich tun?

    verpass den Bildern ein vertical-align:bottom, dann ist der Abstand weg.

    Grüße aus Bleckede

    Kai

    1. Hallo,

      verpass den Bildern ein vertical-align:bottom, dann ist der Abstand weg.

      absolut Spitze !! :-)

      es hat funktioniert, da muß man erst mal drauf kommen.

      Vielen Dank

      Falk

      1. hi

        es hat funktioniert, da muß man erst mal drauf kommen.

        das ist recht logisch - beispiel:

        g<img src="/images/16.gif" width=159 height=119 border=0 alt="Noe!">

        man beachte, dass der haken vom g unter das Bild geht! Mit vertical-align:bottom geht's dann eben bis ganz unten - diese Änderung wird von vielen Browsern (umwohl nirgends in der HTML-Spezifikation so erwähnt) manchmal automatisch gemacht (ziemlich unvorhersagbar imho). Mozilla hält sich in Strict-Mode (also mit bestimmtem DOCTYPE) hier genau an die Spezifikation.

        Grüße aus Bleckede

        Kai