Question

I have to apply width to a div. The width value is need to be varied across browser. I cant apply conditional css . So can there be any hack for doing this.

FF

.apply{
    width: 720px; 
}

IE8

.apply{
    width: 690px; 
}

Can these be combined using some hack so that the respective properties will be applied automaticaly as per the browser.

Answer 1

For Firefox and IE specifically:

In CSS:

@-moz-document url-prefix() {
    //Firefox-specific CSS here.
}

In HTML:

<!--[if IE 8]>
    <style type="text/css">
        //IE8-specific CSS here.
    </style>
<![endif]-->