How to remove CSS Expression?

[Rox]

I was optimizing my site using gtmetrix and i see a suggestion of removing CSS Expressions. Can anybody please help me removing it as i am not aware of how to do it. tried googling it but could not figure it out

Below is the css code which has the expression.

@import url("stylesheets/master.css");.aligncenter{display:block;margin-left:auto;margin-right:auto;} .alignleft{float:left;} .alignright{float:right;} #content img{border:3px solid #fff;max-width:616px;width:expression(this.width > 616 ? 616:true);}

Rox Reviewed by Rox on 5th Jan 2012. How to remove CSS Expression? I was optimizing my site using gtmetrix and i see a suggestion of removing CSS Expressions. Can anybody please help me removing it as i am not aware of how to do it. tried googling it but could not figure it out :| Below is the css code which has the expression. @import url("stylesheets/master.css");.aligncenter{display:block;margin-left:auto;margin-right:auto;} .alignleft{float:left;} .alignright{float:right;} #content img{border:3px solid Rating: 5

[BlaZe]

The bold part is the CSS Expression
#content img{
border:3px solid #fff;
max-width:616px;
width:expression(this.width > 616 ? 616:true);
}

Change it to

#content img{
border:3px solid #fff;
width:616px;
}

[-Im.z2ight-]

I've never seen anyone use an expression although I know what they are. But blaze's answer should fix you're problem.

[Rox]

great! thanks blaze... and for the @import - should i put the full url within the href?

[-Im.z2ight-]

<link rel="stylesheet" type="text/css" href="stylesheets/master.css" />

[Rox]

dint work mate!

[-Im.z2ight-]

Is your css file in the folder stylesheets?

[CJ]

great! thanks blaze... and for the @import - should i put the full url within the href?

OPEN up ur css master.css & copy the code, paste it in the css where u see this @import thing

[Rox]

yep, its in stylesheets folder

[BlaZe]

Don't use @import to link the stylesheet. Its depreciated.

Use link instead of @import
Many people might not be aware of this but the usage of @import may cause some extreme performance problem when the site grows big. Even the people at W3C depreciate the usage of @import.
Read this article to know more.
Using @import within a stylesheet adds one more roundtrip to the overall download time of the page.
Using @import in IE causes the download order to be altered. This may cause stylesheets to take longer to download, which hinders progress rendering making the page feel slower.

Read More