CSS: display: inline-block; IE7-Hack Frage CSS: display: inline-block; IE7-Hack zu Favoriten hinzufügen

Daumen hoch 3 Daumen runter

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...

bearbeitet am 10.12.2011

Man muss nicht alles wissen. Nur, wo man es nachschlagen muss. @ Habe es wieder gebraucht. :-)

martin am 12.12.2011

Antworten


Diese Antwort als GUT bewerten 1 Diese Antwort als SCHLECHT bewerten

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

Richtig! Ich habe es oben korrigiert.

martin am 10.12.2011
Diese Antwort als GUT bewerten 0 Diese Antwort als SCHLECHT bewerten

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

Deine Antwort

Registrierter User Bereits registriert? Bitte logge dich vor dem Antworten ein.

Deine Daten