… weil Bananen keine Äpfel sind!

Floating Bug im IE7.

August 14th, 2013 Friedemann

IE der HölleYay! 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:
Bildschirmfoto 2013-08-14 um 20.14.52

So sieht es aus:

Bildschirmfoto 2013-08-14 um 20.14.26

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…

Quelle

2 Responses to “Floating Bug im IE7.”

  1. IE 7? Wer nutzt das Ding denn noch? Wer ist so masochistisch und wahnsinnig?

  2. MrMartiniMo Says:
    September 4th, 2013 at 13:03

    Vielleicht hilft dir ja http://prefixr.com/ bei einigen Problemen weiter?

Leave a Reply