Comments on: inline-block in FireFox

By: Michael

Michael — Tue, 13 Oct 2009 11:52:51 +0000

Thanks for your article! Not a new cup of tea, but it helped me to solve some positioning problems which just occured in Firefox 2. You made my day. =)

By: Matt

Matt — Sat, 11 Jul 2009 16:10:51 +0000

Another option is to use css tables – display:table-cell will come pretty close to getting the same results as inline-block.

By: Kristofer

Kristofer — Tue, 18 Nov 2008 10:35:36 +0000

Yeah, thanks alot. Found this post through google. Never heard about -moz-inline-box before.

By: heather

heather — Mon, 04 Feb 2008 01:55:17 +0000

Thank you! Thank you! Thank you!

By: hasen

hasen — Sat, 19 Jan 2008 23:55:12 +0000

for me, I’ve found that if I want to to work across browsers, it only works well when you apply it to a span (i.e. something that’s inline by default)

e.g.

By: Lee

Lee — Sat, 19 Jan 2008 18:02:43 +0000

Thanks, that was driving me _crazy_.

I just expected that firefox would respect my choice to use inline-block.

By: ATom

ATom — Mon, 30 Jul 2007 07:19:59 +0000

-moz-inline-stack a -moz-inline-box work as inline-block in Opera, but text-align: center doesn’t work, so this doesn’t work:

display: inline
display: inline-block;
display: -moz-inline-box
width: 200px;
height: 200px;
background-color: #FFFF99;
text-align: center;

Exist any solution?

By: Adil

Adil — Wed, 04 Jul 2007 16:58:25 +0000

Its actually
display:-moz-inline-stack

and not -moz-inline-block.

By: James

James — Sun, 11 Mar 2007 17:07:29 +0000

Just wanted to say thanks, the -moz-inline-box is exactly what I needed and has been driving me nuts for the last few hours!

By: Andrea Romagnoli

Andrea Romagnoli — Thu, 01 Feb 2007 12:47:11 +0000

Hi!
That works perfectly but… centering the text of the “inline-blocked” doesn’t work with Firefox.
The code I’m using is:
display: inline-block;
width: 200px;
height: 200px;
background-color: #FFFF99;
text-align: center;

Any solution?