Magento, CSS not rendering correctly on IE8

Question

I am new to magento,

I have a project in Magento but Its layout is breaking in IE8,

I tried

 <!--[if IE 8]>
      .category-grid .item { 
           display:inline-block !important; 
      }
 <![endif]-->

these codes in css file but no effect.

Емил Табальов · Accepted Answer · 2014-10-22 12:59:42Z

1

display:inline-block will not work in IE8 if you dont have <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> before your HTML tag.

answered Oct 22, 2014 at 12:59

Емил Табальов

261 bronze badge

Sign up to request clarification or add additional context in comments.

2 Comments

Mr_Green Over a year ago

magento provides the doctype declaration by default. there is no need to alter it.

Mr_Green Over a year ago

@ArunWilson check my answer below. you forgot <style> tag.

Mr_Green · Accepted Answer · 2014-10-22 12:59:48Z

0

CSS styles should be written in <style> tag. like this:

<!--[if IE 8]>
  <style>
      .category-grid .item { 
          display:inline-block !important; 
      }
  </style>
<![endif]-->

answered Oct 22, 2014 at 12:59

Mr_Green

42k48 gold badges171 silver badges277 bronze badges

Collectives™ on Stack Overflow

Magento, CSS not rendering correctly on IE8

2 Answers 2

2 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related