Browserkompatibilität von display:inline-block

[Længlich]

Yiem longx nyei fai!

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

Wieso komischerweise?
Wenn width oder height bleiben, bleibt auch hasLayout.

Width und height hatte ich in meiner Testseite gar nicht gesetzt, sondern nur:

.whatever  
{  
    display:inline-block;  
}  
* html .whatever  
{  
    display:inline;  
}

Damit bleibt hasLayout an (überprüft mit Developer Toolbar), und wenn der Inhalt Zeilenumbrüche bzw. Blockelemente enthält, sieht man einen deutlichen Unterschied zu einem entsprechenden Inline-Element ohne hasLayout.
Du hast natürlich in dem Punkt recht, daß width / height alleine genügt, wenn man die setzen möchte.

»» Der Browser, der tatsächlich aussteigt, ist Firefox 2 - für den kenne ich auch keinen passenden Hack.

Doch, das geht:
display: -moz-inline-stack; /* inline-block workaround for Firefox 2 */
display: inline-block;

Hey, das ist ja super! Danke!

Viele Grüße vom Længlich