CSS Internet Explorer Hacks Adding Inline Block support to IE6 and IE7

Help us to keep this website almost Ad Free! It takes only 10 seconds of your time:
> Step 1: Go view our video on YouTube: EF Core Bulk Extensions
> Step 2: And Like the video. BONUS: You can also share it!

Example

display: inline-block;

The display property with the value of inline-block is not supported by Internet Explorer 6 and 7. A work-around for this is:

zoom: 1;
*display: inline;

The zoom property triggers the hasLayout feature of elements, and it is available only in Internet Explorer. The *display makes sure that the invalid property executes only on the affected browsers. Other browsers will simply ignore the rule.



Got any CSS Question?