Hallo, Forum
vielen Dank für die tatkräftige Hilfe. Ich habe das Problem jetzt mit dem zweiten Tip von Ruben ("mach doch einfach dein Bild kleiner hat doch eh viel transparenten Rand") gelöst. Hatte zwar vorher auch schon mal probiert, die Bilder einfach als 45 X 45 px darzustellen, aber aus irgendeinen Grund hatte das damals keinen Effekt. Wahrscheinlich habe ich eine der drei Stellen (1 X CSS und 2 X Javascript), die ich anpassen mußte übersehen.
Ja, auf jeden Fall funktioniert es jetzt (ist noch nicht hochgeladen, aber das kommt in den nächsten Tagen).
Danke übrigens Ruben, für deinen Hinweis zum IE. Damit habe ich jetzt eine neue Baustelle, die wahrscheinlich noch umfangreicher ist als die alte... Der IE6 (und IE7) stellt nicht nur das Spielfeld falsch dar, nein, man kann gar nicht ziehen (kommt immer eine alert-box, dass der Zug nicht möglich wäre). Da ich die gesamte Seite selbst erstellt habe, weiss ich, an welcher Stelle dieser alert auftauchen sollte und wann nicht. Witzig ist nur, dass es anscheinend ein logischer Fehler ist. Über die Syntax hat der IE sich nicht beschwert. Er macht nur einfach nicht das, was ich erwarte ;-(
Ein bisschen wurmt es mich schon, dass ich nicht genau rausfinden konnte, wo denn nun das CSS Problem lag (liegt?), denn die Unterlängen hatte ich ja ausgeschlossen. Aus gutem Grund hatte ich die line-height auf 0 gesetzt und die Bilder auf display:block gestellt. Nichteinmal das overflow:hidden für die tds hat etwas gebracht ...
Nuja, wie gesagt: es funktioniert nun. Vielen Dank nochmals. Euch allen erstmal einen wunderschönen Abend und eine angenehme Nacht.
liebe Grüße mbr