2013-01-10 65 views
0

我有Internet Explorer 9的問題,的tdHTML表格設置TD高度不會工作

固定高度,我需要一個td5px高度,但在IE9其大於5px

在Chrome瀏覽器,Firefox和Safari它的工作原理

我有透明的gif 1px的嘗試td插入,我設置了font-size: 0px; line-height: 0px,它仍然是行不通的。

我的測試代碼:

<!DOCTYPE html> 
<html> 
<head> 
<meta http-equiv="content-type" content="text/html; charset=UTF-8"> 
<title>test</title> 
<style> 
    .space{ 
     height: 5px; 
     width: 5px; 
     font-size: 0px; 
     line-height: 0px; 
     background: none; 
    } 

    table{ 
     border-spacing: 0px; 
     table-layout: fixed; 

    } 

    td{ 
     background-color: red; 
    } 

</style> 
</head> 

<body> 

    <table cellpadding="0" cellspacing="0" style="width: 1200px;"> 
     <tr > 
      <td rowspan="5"> test1<br>test1<br>test1<br>test1<br>test1<br>test1<br>test1<br>test1<br>test1<br>test1<br><br>test1<br>test1<br>test1<br>test1<br>test1<br>test1<br>test1<br>test1<br>test1<br> </td> 
      <td rowspan="5" class="space"> </td> 
      <td rowspan="5"> test2<br>test1<br>test1<br>test1<br>test1<br>test1<br>test1<br>test1<br>test1<br>test1<br><br>test1<br>test1<br>test1<br>test1<br>test1<br>test1<br>test1<br>test1<br>test1<br> </td> 
      <td rowspan="5" class="space"> </td> 
      <td> test3</td> 
     </tr> 

     <tr> 
      <td class="space"> spacer</td> 
     </tr> 

     <tr> 
      <td> test 5</td> 
     </tr> 

     <tr> 
      <td class="space"> spacer</td> 
     </tr> 

     <tr> 
      <td> test 5</td> 
     </tr> 
    </table> 

</body> 
</html> 

我有兩個圖像:

鉻(工作):

chrome(working)

IE9

ie9

回答

1

您可以在td內放置一個div,高度爲5px。 http://jsfiddle.net/aCrbz/3/

<td><div class="foo"></div></td> 
+0

謝謝你,我想這與空間類,但它沒有工作,因爲背景:透明... – user1573659

+0

OK時,即時通訊使用垂直對齊其仍無法正常工作:在TD上面...文字只在頂部的第一行。我忽略互聯網瀏覽器:) – user1573659

+0

你嘗試過背景:#FFF; ? – maceyj2