Browserkompatibilität von display:inline-block

[Beat]

display:inline-block;
verspricht da schon bessere Resultate sofern der MSIE6 in die Tonne darf.

Halt Dich fest: IE6 kann das!

Er kann display:inline.

Er versteht display:inline-block; zwar nicht, nimmt es aber zum Anlaß, hasLayout auf true zu setzen. Bei Inline-Elementen bist Du damit schon am Ziel, denn Inline-Elemente mit hasLayout verhalten sich fast genau so wie die Inline-Block-Elemente laut Standard (v.a. akzeptieren sie width- und height-Angaben). Block-Elemente setzt Du einfach danach mit dem Star-HTML-Hack (oder im Extra-IE6-Stylesheet) auf display:inline;, wobei hasLayout komischerweise nicht auf false zurückgesetzt wird*. Ziel erreicht. :-)

Ja Ok... Mach ich auch so.

Im Opera, der immer noch ein paar Erbkrankheiten vom MSIE hat, muss ich beim Label Element zuerst display:inline notieren, danach display:inline-block.

Der Browser, der tatsächlich aussteigt, ist Firefox 2 - für den kenne ich auch keinen passenden Hack. Alle anderen verbreiteten (inclusive Firefox 3 und IE 7) verstehen display:inline-block; problemlos.

"IE7" und "problemlos" muss wohl ein Typo sein.

Naja, da FF2 kein Buro-Browser ist, sind dessen Anwender ja irgendwie selber Schuld. Den vernachlässige ich einfach mal.

mfg Beat