Stylesheets - display: inline for blocks

Author

display: inline for blocks

Jeff Thies

2005-09-30, 6:28 pm

I have a number of blocks of content (product items) that I want to
wrap naturally at the end of the line. float: left has the unhappy
habbit of stacking up where the lowest extending block is. I know there
is a relatively new CSS property that does display: inline for blocks,
what is that and what is the level of support?

Cheers,
Jeff

Spartanicus

2005-09-30, 6:28 pm

Jeff Thies <jeff@spamalanadingong.com> wrote:

> I have a number of blocks of content (product items) that I want to
>wrap naturally at the end of the line. float: left has the unhappy
>habbit of stacking up where the lowest extending block is. I know there
>is a relatively new CSS property that does display: inline for blocks,
>what is that

inline-block

>and what is the level of support?

Opera 7+: usable support (specifying margins does funny things)
IE 5.5+: usable support:
http://homepage.ntlworld.com/sparta...-block_hack.htm
Gecko based browsers: experimental but very buggy support using
proprietary -moz- CSS properties. There is a Gecko hack that on
occasions is useful:
http://www.spartanicus.utvinternet....th_captions.htm
Recent KHTML based browsers: supported (not sure how good)

--
Spartanicus