Buttons korrekt ausrichten
bearbeitet von
Hallo Gunnar,
font-variant-position ist derzeit noch Firefox-only. Die font-feature-settings funktionieren auch in Chrome. Aber der Umstand, dass man dafür dann einen Font braucht, der das unterstützt, ist auch wieder zum Ko...llabieren.
Aber das sind doch alles Workarounds um eine blödsinnige Macke des Browsers: Ich füge einem Button einen (vorlesbaren) Subscript-Text hinzu, und alles verschiebt sich. Dass Buttons inline-block Elemente sind, scheint der Hauptauslöser des Dramas zu sein. Mit span-Elementen, die den gleichen Inhalt haben, passiert das nicht. Mache ich die spans inline-block (sprich: ein flow-root), dann ist es geschehen.
Ich sehe jedenfalls nicht ein, typographische Expertenfeatures, die auch nur mit bestimmten Fonts funktionieren, als Standardwerkzeug anzusehen. Mit den font-feature-settings klappt's auch bei mir, aber **nur für Calibri**. Nicht für den Button-Default-Font von Windows - Arial.
Und jetzt komm mir nicht mit progressive enhancement. 2023 auf PE zu zeigen, wenn Subscripte nicht brauchbar funktionieren, kann es nicht sein. Mann mann mann, was regt mich das auf. Nein, du regst mich nicht auf, Gunnar. Der Browser.
Ich werde in dem Wiki-Beispiel, wegen dem das alles entstand, die position:relative; top: 0.3em Variante verwenden und als kompatibelsten Workaround beschreiben.
_Rolf_
--
sumpsi - posui - obstruxi