advanced code snippet search

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/

Expand | Embed | Plain Text 
  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.