Posted By

sveggiani on 11/19/09


Tagged

hack ie


Versions (?)

Who likes this?

6 people have marked this snippet as a favorite

nerdfiles
silentbob84
xpoint
scitrenbaumgmailcom
sveggiani
b4z81


display: inline-block hack for IE6, IE7 & FF2


 / Published in: CSS
 

URL: http://blog.mozilla.com/webdev/2009/02/20/cross-browser-inline-block/

  1. <style>
  2. li {
  3. width: 200px;
  4. min-height: 250px;
  5. border: 1px solid #000;
  6. display: -moz-inline-stack; // Firefox 2
  7. display: inline-block;
  8. vertical-align: top;
  9. margin: 5px;
  10. zoom: 1; // IE hack to trigger hasLayout
  11. *display: inline; // IE hack to achieve inline-block behavior
  12. }
  13. </style>

Report this snippet  

You need to login to post a comment.