Zeilenhöhe bei Delphi-Tags und Mozilla

[Brüggendiek]

Hallo!

Bei Mozilla 1.7 ergibt sich leider ein Problem mit der Darstellung von Delphi-Sources:
Die Zeilen mit reservierten Wörtern werden wohl etwas höher als der Rest. Als Folge verschiebt sich die Nummerierung dann etwas.
Im IE 5.5 ist die Darstellung fehlerfrei.

Bei langen Sources kann die Verschiebung schon mal mehr als 1 Zeile ausmachen - da ist eine Zuordnung dann etwas schwierig.

Im Anhang 2 Screenshots. Ich habe den entsprechenden Beitrag mal mit der Zitat-Funktion in den Editor geholt, die Delphi-Tags durch Code-Tags ersetzt und dann die Vorschau aufgerufen, um einen Vergleich zwischen Delphi- und Code-Tags zu bekommen.

Fazit: Bei Code-Tags passiert der Fehler nicht.

Wieder mal das alte Problem: anderer Browser, anderes Aussehen. Gérome soll ja schließlich keine Langeweile bekommen :stupid:

Gruß

Dietmar Brüggendiek

[Delphi-Freak]

*Wieder hochhol*

Beim Opera entsteht genau der selbe Fehler.
Ich habe das Gefühl, dass das davon rührt, dass im Delphi-Code manche Wörter fett dargestellt werden, was die Zeilenhöhe beeinflussen dürfte. Möchte das gleich einmal ausprobieren und nach einem Workaround suchen...


LG, Delphi-Freak

[Daniel]

hm. Ich lasse das prüfen. Danke Euch für den Hinweis und die Erinnerung. :stupid:

[Delphi-Freak]

So, wieder mal diese verschiedenen Browser - immer andere Reaktionen :evil:
Da wird mir noch einmal :kotz: :wink:

Zur Lösung:

Also, im Opera funktionierts ziemlich einfach. Für die Zelle in der die Zeilennummern stehen und für die Zelle mit dem Code »line-height« im Style auf »15px« (statt »120%«, 14px sind zu wenig) setzen.

Für den Firefox muss man an den Anfang jeder Zeile (bzw. nach jedem »
« oder »
«) »<span style="font-weight: bold;"></span>« hinschreiben - sowohl bei den Zeilennummern als auch beim Code. Ist zwar eine etwas größere Datenmenge, dafür funktionierts dann.

Verwendet man nun beide Methoden gleichzeitig, so funktionierts im Opera immer noch tadellos, der Firefox zeigt dann allerdings um 1px mehr Zeilenabstand an, was aber nicht allzu störend ist. Ansonsten könnte man »line-height« auf »120%« lassen und via Script (einen Script-Block gibt es ja so und so schon nach jedem Code) abfragen ob »window.opera == true« und demnach dann document.getElementById("...").style.lineHeight auf »15px« setzen.

LG, Delphi-Freak

[alcaeus]

Moin Delphi-Freak,

hast du aber auch ueberprueft, wie der IE auf solche Aenderungen reagiert? ;)

Greetz
alcaeus

[Delphi-Freak]

Zuerst zwar nicht - danke der Erinnerung - jetzt aber schon: er hat kein Problem damit! Er zeigt so ziemlich gleich wie vorhin an. :-D

Der einzige Unterschied, der aber bei allen Browsern auftritt, ist der etwas größere Abstand vor den Zeilennummern - eh verständlich; beim Code tritt er aber nicht auf :gruebel: warum auch immer. Der Abstand lässt sich jedoch mit der Angabe »padding-left: 0px;« im Style der Zelle mit den Zeilennummern verringern. (Die Bilder haben das nicht implementiert.)

Im Anhang noch Bilder von den Ergebnissen der einzelnen Browser (mit beiden Lösungen in einem - ohne Browserabfrage auf »window.opera«). (Den rechten Rand habe ich »händisch«, also im Bildbearbeitungsprogramm (naja Paint kann man so eigentlich nicht nennen :wink: ) verschoben, damit die Bild etwas kleiner werden...)

LG, Delphi-Freak

[Edit]
1. Mir ist noch aufgefallen, dass rechts von den Zeilennummer der Abstand ziemlich gering ist - eventuell lässt sich das noch mit »padding-right« anpassen.
2. Eine andere Idee, die mir noch gekommen ist: statt dem Leerzeichen vor jede Zeile könnte man eventuell ein transparentes Bild, mit 1px Breite und 15px oder so Höhe hingeben - vielleicht erspart man sich dann das für den Opera...
LG
[/Edit]