Floating Bug im IE7.
August 14th, 2013 FriedemannYay! Und schon wieder ein Bug im Internet Explorer! Dieses Mal in Version 7! Ich habe das Gefühl, meist noch einmal 150% der Zeit darauf zu verwenden, um Bugs im Internet Explorer zu „fixen“, bzw. um Workarounds zu finden.. IE6 schau ich mir kaum noch an… Dieser gehört langsam aber sicher ausgerottet!
Nach dem Mini-Rant aber nun zum Problem: Listenelemente nebeneinander anzeigen:
So soll es aussehen:
So sieht es aus:
Hier dazu das CSS (stark vereinfacht):
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 | ul{ position: absolute; margin: 0; text-align: center; } ul li{ display:inline-block; list-style: none; width: 15px; height: 15px; padding: 0; margin: 0; margin-left: 3px; margin-right: 3px; } |
Der Fix sieht wie folgt aus:
1 2 3 4 5 6 7 8 9 10 11 12 13 | [...] ul li{ display:inline-block; zoom: 1; *display: inline; list-style: none; width: 15px; height: 15px; padding: 0; margin: 0; margin-left: 3px; margin-right: 3px; } |
Das Asterisk (*) vor display: inline wird von anderen Browsern ignoriert.
Ich habe die Befürchtung, dass mich diese Ausgeburt der Hölle noch einige graue Haare kosten wird…
August 14th, 2013 at 22:09
IE 7? Wer nutzt das Ding denn noch? Wer ist so masochistisch und wahnsinnig?
September 4th, 2013 at 13:03
Vielleicht hilft dir ja http://prefixr.com/ bei einigen Problemen weiter?