Question

I have an idea that I imagine is possible to make.

In a CSS file I need to put:

height: 50px;

If the browser is Internet Explorer, and

height: 45px;

if the browser is Chrome or Firefox.

How can I do this?

Answer 1

A special tag can be use as below:

<style type="text/css" media="screen">
   .yourTag { weight: 45px; }
   /*Normal browsers*/
</style>

<!--[if IE]>
<style type="text/css" media="screen">
   /*IE*/
   .yourTag { weight: 50px; }
</style>
<![endif]-->

NB: IE understands element’s weight with borders, when other browsers don’t.