Calculator Typist Blog

Another Quick Tip: inline divs in IE

In Firefox, it is easy to create an inline div (i.e. a div which adjusts its width to fit its contents). You just do this:

div#elemid { display: inline-block; }

However, it doesn’t work in IE. It took me a while to figure out how to get it working, so here’s the solution:

div#elemid { display: inline-block; *display: inline; zoom: 1; }

It works for the latest versions of IE, Firefox and Chrome (and possibly others – I haven’t tested yet).

Hopefully that’ll save someone some time.

Recommended Articles



Have you tried Calcatraz, our free online calculator? Examples: pi*10^2, 62kg in pounds and 1*2*3*4*5.



Post Metadata

Date
February 7th, 2010

Author
admin

Category

Tags


Comments are closed.