Question

i have a problem in display:inline and display:inline-block…….how should i define both in css…i.e display:inline for ie and display:inline-block for ff and chrome….

Answer 1

You can use Conditional Comments to load a CSS file with overrides that will only be loaded by Internet Explorer. For example:

<!-- main stylesheet for all browsers (uses display: inline-block) -->
<link href="main.css" media="screen" rel="stylesheet" type="text/css" />

<!-- overrides for IE 7 and earlier (uses display: inline where necessary) -->
<!--[if lte IE 7]>
  <link href="main-ie.css" media="screen" rel="stylesheet" type="text/css" />
<![endif]-->

<!-- overrides for IE 6 and earlier (uses display: inline where necessary) -->
<!--[if lte IE 6]>
  <link href="main-ie6.css" media="screen" rel="stylesheet" type="text/css" />
<![endif]-->