Browser-Eigenheiten bei Grafiken in Tabellen
Bei dem Versuch, meine Homepage mit einer Grafiktabelle aufzupeppen, scheitere ich an den verschiedenen Darstellungsarten von Microsofts Internet Explorer und Netscapes Navigator. Wie muĂź der HTML-Code fĂĽr eine Tabelle aussehen, damit beide Browser die Bilder in einer Zeile direkt aneinandermontieren?
- René Meissner
Bei dem Versuch, meine Homepage mit einer Grafiktabelle aufzupeppen, scheitere ich an den verschiedenen Darstellungsarten von Microsofts Internet Explorer und Netscapes Navigator. Wie muĂź der HTML-Code fĂĽr eine Tabelle aussehen, damit beide Browser die Bilder in einer Zeile direkt aneinandermontieren?
In c't 7/96, S. 206 (Kasten) hatten wir beschrieben, wie man Tabellen verwendet, um damit Grafiken aus verschiedenen Bildern zu montieren. Auf diese Weise kann man zum Beispiel scheinbar größere Animationen bilden. Leider stellen der Netscape Navigator und der Internet Explorer diese Tabellen nicht identisch dar.
Der Navigator fĂĽgt die Bilder nicht aneinander, wenn sich zwischen den einzelnen Angaben fĂĽr die Bildquelle irgendwelche Zeichen befinden. Sowohl ein Zeilenumbruch als auch ein Leerzeichen veranlassen den Browser, die Grafiken zu trennen. Im Gegensatz dazu ignoriert der Microsoft Explorer solche Zeichen und stellt diese Grafik korrekt dar.
| Schlaflose Nächte für den Web-Designer: der Navigator (oben) und der Explorer (unten) sind sich nicht einig, wie die Definition für eine zusammengesetzte Grafik auszusehen hat. |
Schwierigkeiten bereiten dem Explorer hingegen Tabellen, deren Größe man mittels der Variablen Width und Height festgelegt hat: Bei beispielsweise drei jeweils 30 Pixel breiten Feldern reicht dem Navigator eine Zeilenbreite von 90 Pixeln. Der Explorer bricht diese Zeile jedoch um. Er benötigt für jedes Feld und für die gesamte Zeile ein Pixel zusätzlich und fügt die Bilder dadurch erst bei einer Weite von 94 Pixeln ohne Umbruch aneinander. (rm) (rm)
