CSS: display: inline-block; IE7-Hack

24.11.2011 15:39 Uhr

So, nachdem ich mich nun mal wieder einige Stunden mit dem guten IE7 rumgeschlagen habe, endlich hier die Lösung!

IE7 mag bekannterweise die CSS-Anweisung 

.myclass{
    display: inline-block;
}

nicht. Glücklicherweise gibt aber folgenden Hack, der - zumindest nach meinen bisherigen Tests - das von anderen Browsern gewohnte Verhalten beim IE7 erzwingt:

zoom: 1;
*display: inline;

In Summe sieht das dann bei mir so aus:

.myclass {
   display: inline-block;
   zoom: 1;  *display: inline;  /* IE7 Hack */
}

Freue mich über Ergänzungen...

2 Antworten

#1

10.12.2011 16:39 Uhr

Du meinst im ersten Codeschnipsel bestimmt "display: inline-block". Denn "display: inline" kennt er sehr wohl.

#2

08.05.2012 13:32 Uhr

Super. Genau was ich gesucht habe. Danke, du hast mir sehr geholfen!

Ähnliche Fragen

Datenschutzerklärung · Impressum