IE macht einen Margin wo keiner sein soll

    so, jetzt habe ich zur Abwechslung auch mal wieder ein Problem. Es ist schon ein Kreuz mit diesem blöden IE... Schaut euch mal bitte folgende Seite an: http://user.blue-cable.de/brains_testpage/test.htm Normalerweise sollten, wie man es im FF sieht, das obere Bild und die Tabelle direkt aneinander stoßen (die Border hab ich nur zur Verdeutlichung gemacht). Im IE sind da ungefähr 3px Platz dazwischen, die ich zwar mit margin-bottom:-3px wegbekomme, aber im FF hab ich dann logischerweise eine Überschneidung und außerdem ist es wahrscheinlich inkorrekt.
    Wenn ich das Bild in eine eigene Tabelle einfasse, dann geht es komischerweise.

    Weiß jemand, wo dieser blöde Platz herkommt und wie ich den wegbekommen könnte?

    Mozilla/5.0 (Windows; U; Windows NT 5.1; de; rv:1.8.1.1) Gecko/20061204 Firefox/2.0.0.1

    Eine Theorie sollte so einfach wie möglich sein, aber nicht einfacher. (A. Einstein)

    abgesehen davon dass ich bugcatchers Antwort nicht ganz verstehe funktioniert es so nicht, denn dann macht selbst der FF Platz zwischendrin (logisch, ne Leerzeile).
    Das mit dem display:block geht wunderbar, daran hab ich in dem Moment gar nicht gedacht.

    Wüsste trotzdem gerne wie der IE auf die Idee kommt da Platz zwischen den Bildern zu machen... Warum kann der nicht einfach mal das machen was man ihm sagt???

    Mozilla/5.0 (Windows; U; Windows NT 5.1; de; rv:1.8.1.1) Gecko/20061204 Firefox/2.0.0.1

    Eine Theorie sollte so einfach wie möglich sein, aber nicht einfacher. (A. Einstein)

    Zitat von brain

    abgesehen davon dass ich bugcatchers Antwort nicht ganz verstehe funktioniert es so nicht, denn dann macht selbst der FF Platz zwischendrin (logisch, ne Leerzeile).

    Was bugcatcher sagen will, ist, dass es durchaus nicht egal ist, wo im Quelltext man Zeilenumbrüche macht. Eine neue Zeile direkt nach dem Tag eines sog. "Replaced Element" (neben <img> gehört da auch <input> dazu) hat die gleiche Wirkung wie ein Leerzeichen. Damit hast du dann ein (unsichtbares) Schriftzeichen, am dem sich das Bild ausrichtet...

    Zitat von brain

    Wüsste trotzdem gerne wie der IE auf die Idee kommt da Platz zwischen den Bildern zu machen... Warum kann der nicht einfach mal das machen was man ihm sagt???

    ...und deshalb kann man hier witzigerweise zu Abwechslung nicht mal behaupten, dass IE direkt etwas falsch macht. ;)
    Dadurch, dass das Bild als Inline-Element sich wie Text verhält, ist der von dir bemängelte Abstand eigentlich die Textunterlänge (eben hervorgerufen durch das Leerzeichen als "Ausrichtungsreferenz".
    Eigentlich müsste man sich eher wundern, warum Firefox diesen Abstand nicht anzeigt... ;)

    Deshalb lässt sich das Phänomen auch durch Blockformatierung des Bildes oder eben durch das von bugcatcher vorgeschlagene <br> (sollte wirklich funktionieren) beseitigen.
    Eine dritte Möglichkeit wäre, im Quellcode nach <img> keinen Zeilenumbruch zu setzen.

    ups sorry es funktioniert doch, hatte wohl vorhin was falsches eingegeben.
    Jetzt verstehe ich auch was ihr meint. Könnte man da rein theoretisch auch was dran drehen mit vertical-align oder line-height? bin jetzt zu faul das auszuprobieren, habe nämlich schon wieder ein neues Problem (s. anderer Thread)

    Wieder was gelernt, thx.

    Mozilla/5.0 (Windows; U; Windows NT 5.1; de; rv:1.8.1.1) Gecko/20061204 Firefox/2.0.0.1

    Eine Theorie sollte so einfach wie möglich sein, aber nicht einfacher. (A. Einstein)