Internet Explorer中忽略的HTML / CSS表高度

Question

我在我們公司稍舊的網頁上添加了一個新的“新聞容器”。 該容器由一個2x3的表格組成。 我希望單元格2x2像文本一樣高。

這是問題所在：
每個人都在我們的辦公室中使用IE（出於安全原因等），但是出於某種原因，IE忽略了直接在HTML（style =“ height :;”或height =“”）或單獨的CSS中指定的height屬性。 因此，在Chrome瀏覽器中看起來像這樣（應該如何）：

╔════════════════╗
╠══╦═════════════╣
║  ║Test String  ║
║  ╠═════════════╣
╚══╩═════════════╝

在Internet Explorer中，如下所示：

╔════════════════╗
╠══╦═════════════╣
║  ║Test String  ║
║  ║             ║
║  ╠═════════════╣
╚══╩═════════════╝

圖片： http ： //imgur.com/a/jQXhQ

在此處自己查看（在Chrome和IE中都打開） 。

如何讓IE使用Height屬性，或者是否有其他方法？
IE版本：11.0.9600.17358
更新：11.0.13

碼：

<table id="NewsTable">
<tr>
    <th id="NewsHeader" colspan="2">IT Status</th>
</tr>
<tr>
    <td rowspan="2">
        <img id="NewsAmpel" alt="NewsStatus" src="Ampel/AmpelA.jpg" width="36px" height="100px">
    </td>
    <td id="NewsStatus"><b>Status:&emsp;&emsp;&emsp;&emsp;</b>Test String</td>
</tr>
<tr>
    <td id="NewsDesc"><b>Description:&emsp;</b>Sample Text</td>
</tr>

Answer 1

我在html和CSS中進行了一些更改

工作小提琴

http://jsfiddle.net/UzCRc/60/

HTML

<table id="NewsTable">
    <tr>
        <th id="NewsHeader" colspan="2">IT Status</th>
    </tr>      
    <tr>
        <td id="NewsAmpel">
            <img  alt="NewsStatus" src="Ampel/AmpelA.jpg" width="36px" height="100px">
        </td>
        <td id="NewsStatus"><b>Status:&emsp;&emsp;&emsp;&emsp;</b>Test String</td>
        <td id="NewsDesc"><b>Description:&emsp;</b>Sample Text</td>
    </tr>
</table>

CSS

#NewsAmpel{   
    width:36px;
}

body {
    font-family: Verdana, sans-serif;
    font-size: 13px;
}
h1 {
    font-size: 15px;
    font-weight: bold;
}
h2 {
    font-size: 14px;
    body {
        font-family: Verdana, sans-serif;
        font-size: 13px;
    }
    h1 {
        font-size: 15px;
        font-weight: bold;
    }
    h2 {
        font-size: 14px;
        font-weight: bold;
    }
    img {
        border: 0;
    }
    a {
        color: #00538E;
    }
    #content {
        width: 100%;
        float: left;
    }
    #center {
        width: 600px;
        height: auto;
        margin: 0 auto;
    }
    font-weight: bold;
}
img {
    border: 0;
}
a {
    color: #00538E;
}
#content {
    width: 100%;
    float: left;
}
#center {
    width: 600px;
    height: auto;
    margin: 0 auto;
}
#NewsTable {
    border: 2px solid #000000;
    background-color: #FFFFFF;
    width: 100%;
}
#NewsStatus {
    height: 20px;
    padding:0;
    border-bottom: 1px solid #000000;
    width: 100%;
    vertical-align: top;
    display:block;
}
#NewsDesc {
    height: 20px;   
    width: 100%;
    margin:0;
    padding:0;
    display:block;
}
#NewsHeader {
    text-align: center;
    font-size: 14px;
    font-weight: bold;
    border: 1px solid #000000;
    background-color: #FF1000;
}

HTML中的變化

1. 刪除colspan
2. 在同一TR中添加了圖像TD
3. ID已代替TD的圖片

CSS變更

#NewsStatus {
    height: 20px;
    padding:0;
    border-bottom: 1px solid #000000;
    width: 100%;//modified
    vertical-align: top;
    display:block;//added
}
#NewsDesc {
    height: 20px;  //added 
    width: 100%;//modified
    margin:0;
    padding:0;
    display:block;//added
}
#NewsAmpel{   
    width:36px;
}