如何给DIV两个高度（一个用于IE，第二个用于其他浏览器）

Question

在CSS文件中，是否有一种方法可以为仅适用于Internet Explorer的DIV提供特定高度，同时为相同的DIV提供适用于除Internet Explorer之外的所有浏览器的另一个高度？

Answer 1

You can create an IE-specific stylesheet and use IE Conditional statements.

<!--[if IE]>
<link rel="stylesheet" type="text/css" href="iespecific.css" />
<![endif]-->

This way, you basically have two stylesheets; one for IE and other for rest of the standard-compliant browsers.

Hacks could have been used such as:

_height:500px;
*height:500px;

But that is not recommended.

See Also:

• How To Create an IE-Only Stylesheet

Answer 2

I have used the following and it worked in IE8. Put the following code within tag.

You can watch the online version from here, http://nazmulweb.com/site5/demo/iecss/

    <style type="text/css">
    #tgtDiv
    {
        height: 300px;
        width: 400px;
        border: 1px solid green;
    }
    </style>

     <!--[if IE]> 
         <style type="text/css">

     #tgtDiv
    {
        height: 300px;
        width: 400px;
        border: 5px solid red;
    }
    </style>
    <![endif]-->

Answer 3

try this

<style>
    #mydiv { height:800px; }
</style>
<!--[if IE]>
<style>
    #mydiv { height:500px; }
</style>
<![endif]-->

Answer 4

Create 2 css files, one for IE and one for the other browsers

Load the css file according to the browser like described here