Zeilenhöhe in versch. Browsern unterschiedlich

[Marc]

Moin moin

Hallo!

Im Internet hab ich dazu nichts gefunden, obwohl ich mir nicht vorstellen kann, der erste mit diesem Problem zu sein.

Ich habe eine Seite: http://www.fc-niederwil.ch/spieler.htm

Die Roten Balken darin haben eigentlich eine fix definierte Höhe von 5 px. Aber wenn man nun die Seite mit IE und Mozilla betrachtet, so ist der Balken im Mozilla fast doppelt so breit wie im IE.

Ich habe zwar schon länger keine Tabellen-Layouts mehr gemacht, aber ich meine mich erinnern zu können, dass manche Browser mit komplett leeren Tabellenzellen Probleme haben...

Da solltest Du dann ein winziges blind-gif reinsetzen... Außerdem ist ein Bild ein Inline-Element - so lange Du keine Doctype-Angabe machst, sollte der Netscape das auch so anzeigen wie du willst, also falsch. Wenn Du aber eine strict-Variante benutzt, wird Dir der Netscape eine komplette (Schrift-)Zeile zusammenbauen, die dann natürlich auch den Abstand zu der vorgehenden und nachfolgenden Zeile beinhaltet, also den halben Durchschuss. Darum rate ich, eine entsprechende Zeilenhöhe mittels CSS festzulegen. alles in allem ein gefrickel, das veraltet ist.

Woran liegt das und wie kann ich es umgehen?

Umgehen kannst Du diesen Quatsch so:

<td style="border-bottom:5px red solid;"> So müssen die Zellen aussehen, die rot unterstrichen werden sollen...

Dann brauchst Du keine rot hinterlegte leere Tabellenzeile mit blind-gifs mehr!

Wenn Dir diese Methode gefällt, solltest du Dich mal ein bißchen mit CSS beschäftigen - du wirst mehr und mehr auf CSS zur Formatierung zurückgreifen, Deine Seiten werden schneller und ordentlicher werden und irgendwann brauchst Du auch keine Tabellen mehr für das Layout - so etwas macht man heute nämlich nciht mehr - eigentlich.

Außerdem: Deine Seite ist nicht valide!!!

Lies mal das SelfHMTL-Kapitel über das HTML-Grundgerüst...

Gruß,
Marc.