CODEWITHSUNDEEP
htmlcss
Sanjay Nakate
Sanjay Nakate

Reputation: 2088

Width not applying for class container in IE 9

I am trying to apply width for .container class but ie is not taking any changes of css.If any body have any idea let me know.Bellow is my code.

<!-- [if ie 9]>
.nav > li > a{
padding-left: 20px !important;
}
 .container{
max-width: 1350px !important;
width: 1350px !important;
}
<![endif]-->

My website link

This is screen shot what i am getting

Upvotes: 0

Views: 117

Answers (1)

Danield
Danield

Reputation: 125443

Conditional comments are meant to be used in the html markup, not the css. (See here for usage)

There are hacks for css to target ie9, such as as /9 or ... this:

/* target Internet Explorer 9 and Internet Explorer 10:*/

    @media screen and (min-width:0\0) { 
        /* ie9+ code here */
        ...
    }

Check this example FIDDLE in IE9+ and other browsers

Upvotes: 4

Related Questions