inline-block ? about html5please

[paulirish]

sounds awesome to me. do you want to take a stab at the content?

[thedamon]

Sure! I should have some time tonight or tomorrow to do it, if I can't squeak it in before then

[nimbupani]

Not quite targetting IE6 and 7 so I am okay not having it. inline-block is also pretty old-school >_> But it is a good thing to mention in html5boilerplate documentation.

[thedamon]

seemed worth mentioning for consistency if there is an entry for min/max height/width. Didn't realize it was old-school

[justmarkup]

If inline-block is worth a mention, then we end up mentioning all the new display properties like inline-table, table-header ...

On the one hand we may can summarize them all in a way but on the other hand this can end up easily in long descriptions as there is inconsistent browser support and there are accessibility problems when using display: table for example.

[necolas]

There is an existing hack for inline-block-like on block-level-by-default elements in IE6/7 - *display:inline; *zoom:1.

[jonathantneal]

+1 to necolas, that hack works great in all production work I've ever done. I've wondered though if we reset the display back to inline-block in IE6/7 if the hack still works (so then currentStyle would report more accurately).

[Francisc]

selector
{
    display:-moz-inline-stack;/* FF2 does not support inline-block, use proprietary XUL element. */
    display:inline-block;
    *zoom:1;/* Trigger hasLayout in IE7 and lower. */
    *display:inline;/* IE7 and lower do not support inline-block. Star hack to target IE7 and lower. */
}

[jonathantneal]

I don't have write access to this repo. Who is gonna add in the hack (as mentioned by @necolas )?

[nimbupani]

@jonathantneal could always do a pull request :) Do we need inline-block documentation?

[paulirish]

we do!

[nimbupani]

Happy to have a PR from anyone on this (though I do think it is unnecessary).

[giuseppeg]

What about a tiny note and an external link?
Usually on #css@Freenode we point users to this article: “inline-block” and you

[robwierzbowski]

IE6 and 7 are widely unsupported at this point. Since HTML5 Please is more about polyfilling modern HTML5 features than fixing xHTML features into older browsers, I'm closing. There are other good resources for legacy browser CSS hacks.