Zerschnittenes Bild erscheint mit Zwischenräumen in NN6

[Alexander Rebholz]

Hallo!

Ich habe ein Bild zerschnitten wobei die einzelnen Bildelemente nun in einer Tabelle sind und als Navigationselemente dienen. Im IE5.5 erscheint das Bild richtig ohne Zwischenräume. Im NN6 erscheint immer ein zwischenraum zwischen den Tabellenzeilen. Was stört den NN6 denn? Wie kann ich das verhindern?

TIA, Alex

Beispiel siehe http://www.horror-shop.de (die linke Navi)

[Calocybe]

Hi!

Schau doch mal, ob Dich das weiterbringt: http://www.teamone.de/selfhtml/sfarchiv/1999_2/t03830.htm#a18491.

So long

[Bio]

Sup!

Wenn die Bilder nicht so hoch sind wie die Standart-Schriftart, dann peilt der NN6 das anscheinend nicht und macht die Tabelle mindestens so hoch wie die Schrift plus etwas Abstand, sogar, wenn kein einziges Textzeichen in der Tabelle steht. Mit CSS und line-height: habe ich sowas schon mal wegbekommen. Vielleicht hilft es.

Gruesse,

Bio

[Carsten P.]

Hallo Bio!

»»..., dann peilt der NN6 das anscheinend nicht...

Die Frage ist, ob das nicht sogar so sein soll...

Dieses "Problem" ist mir auch schon aufgefallen und bei meinen "Nachforschungen" habe ich festgestellt, daß es nur dann auftritt, wenn man W3C-konform eine DTD angibt (<!DOCTYPE...>).
In einem solchen Fall scheint sich Mozilla dann auch (zum Teil) an die W3C-Spezifikationen zu halten.

Beim W3C habe ich in der CSS1-Recommendation scließlich das folgende gefunden:
http://www.w3.org/TR/REC-CSS1#the-height-of-lines

"All elements have a 'line-height' property that, in principle, gives the total height of a line of text. Space is added above and below the text of the line to arrive at that line height. For example, if the text is 12pt high and 'line-height' is set to '14pt', an extra space of 2pt is added, namely 1pt above and 1pt below the line. Empty elements influence these calculations just like elements with content."

Aus dem letzten Satz lese ich jetzt folgendes heraus: wenn die Höhe des Inhalts eines Elementes kleiner ist als die Standardschriftgröße (oder das Element leer ist), so ist das egal, es wird trotzdem die "Standard-line-height" (Standardschriftgröße + leading) gesetzt.
Wenn man also eine kleinere line-height haben möchte, muß diese auch explizit per CSS heruntergesetzt werden.

Bitte korrigiert mich, falls ich hier jetzt zuviel heruminterpretiert habe.

Viele Grüße
Carsten

[Wolfgang]

Manchmal reicht in der Tabelle
ein Absatz an falscher Stelle und Netscape macht zicken.
Schreib die Tabelle nochmal, so wie Dein Editor sie erstellt.
Sieht alles etwas zusammengeschoben aus.