Inline block doesn’t work in internet explorer 7, 6

by

In IE6/IE7, display: inline-block only works on elements that are naturally inline (such as spans).

To make it work on other elements such as divs, you need this:

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

*display: inline uses a “safe” CSS hack to apply to only IE7 and lower.

For IE6/7, zoom: 1 provides hasLayout. Having “layout” is a prerequisite for display: inline-block to always work.

It is possible to apply this workaround while keeping valid CSS, but it’s not really worth thinking about, particularly if you’re already using any vendor prefixed properties.

Read this for more information about display: inline-block (but forget about -moz-inline-stack, that was only required for the now ancient Firefox 2).

More Related Contents:

  1. Running Internet Explorer 6, Internet Explorer 7, and Internet Explorer 8 on the same machine
  2. Box shadow in IE7 and IE8
  3. What bug does zoom:1; fix in CSS?
  4. IE6/IE7 css border on select element
  5. Support for “border-radius” in IE
  6. IE7 Z-Index issue – Context Menu
  7. CSS3 transform: rotate; in IE9
  8. IE6 + IE7 CSS problem with overflow: hidden; – position: relative; combo
  9. How do I force Internet Explorer to render in Standards Mode and NOT in Quirks?
  10. Emulating CSS3 border-radius and box-shadow in IE7/8
  11. Force IE8 Into IE7 Compatiblity Mode
  12. internet explorer 10 – how to apply grayscale filter?
  13. Bootstrap dropdowns menus appearing behind other elements – IE7
  14. Make Adobe fonts work with CSS3 @font-face in IE9
  15. JSON on IE6 (IE7)
  16. IE6 PNG transparency
  17. Should we support IE6 anymore? [closed]
  18. What is haslayout?
  19. CSS3 PIE – Giving IE border-radius support not working?
  20. CSS3 transform:scale in IE
  21. text-overflow:ellipsis doesn’t work on IE
  22. IE6 Hover Issue
  23. Force Internet Explorer to use a specific Java Runtime Environment install?
  24. How to fix Internet explorer 7 bug when using percentage widths for layout?
  25. Detect when a web page is loaded without using sleep
  26. clientHeight/clientWidth returning different values on different browsers
  27. Does IE 8 have a limit on number of stylesheets per page?
  28. jQuery Validation not working in IE7 + IE8
  29. Custom cursor image doesn’t work in all IEs?
  30. Internet Explorer @font-face is failing

Leave a Comment