WordPress Syntaxhighlighter – Code-Zeile verrutscht


Manche Internet Browser wie Mozilla Firefox zeigen den im WordPress mit Syntaxhighlighter eingefügten Code verrutscht nach unten im Bezug zu der Zeilennummer an. Der Grund ist die falsche Formatierung der Tabelle in der der Code angezeigt wird. Die erste Spalte dieser unsichtbaren Tabelle ist die Quellcodezeilennummer, die zweite der Quellcode. In diesem Fall muss ein zusätzlicher Eintrag in die shCore.css Datei gemacht werden. In dem WordPress-Installationsordner /www/wp-content/plugins/syntaxhighlighter/syntaxhighlighter3/styles die Datei shCore.css öffnen und Folgendes mit vertical-align: middle ergänzen:


.syntaxhighlighter table td.code {
width: 100% !important;
vertical-align: middle !important;
}

Danach sollte der Code zentriert zu der Zeilennummer angezeigt werden.