nicht angemeldet
Hallo Forum,
die folgende Style-Definition erzeugt bei mir in allen Browsern den gewünschten unterstrichenen Text mit 1 Pixel Linienbreite:
<span style="font-family:arial,sans-serif;font-size:24px;font-weight:bold;border-bottom:1px solid;">ABC</span>
Ich erzeuge den Unterstrich absichtlich NICHT mit "text-decoration:underline", weil ich trotz fetter Schrift und großer Fontsize einen 1 Pixel dünnen Unterstrich haben möchte. Der Mozilla würde bei "underline" nämlich eine fette Linie ausgeben.
Ich suche nun jedoch nach einem besseren Weg, die Linie im Mozilla dünn zu kriegen. Meine o.g. Methode hat nämlich einen Haken: Wenn ich die obige Zeile in eine einfache Tabellenzelle ohne height-Angabe packe, verschwindet im IE plötzlich die Unterstreichung, und zwar offenbar unter dem Zellenrand. (eine Zelle mit ausreichend großer height-Angabe lässt die Unterstreichung wieder erscheinen).
Als Gegenmaßnahme könnte man wiederum ein 1-Pixel-Blank-Image unter die Linie packen, aber das ist auch nicht gerade effizient. Wer weiß 'ne bessere Lösung?
Gruß
Matthias