HR保證金問題與IE6，IE8和FF

我在IE6的<HR> & <TABLE>標籤之間越來越間隙（一些白色的空間）。但是相同的代碼在IE8 & FF中的工作方式不同。這是我的示例代碼。

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> 
<html> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1"> 
<title>Insert title here</title> 
<style> 
* { 
    margin: 0px; 
    padding: 0px; 
} 
</style> 
</head> 
<body> 
<div style="display: inline; height: 100%;" id="printdiv"> 
<table width="70%" id="Tableprint"> 
    <tbody> 
     <tr> 
      <td style="padding-left: 15px;"> 
      <table width="100%" style="border: 0px solid rgb(204, 204, 204);"> 
       <tbody> 
        <tr> 
         <td nowrap="" colspan="2"> 
         <span class="formLabel">dev site</span> 
         <span class="bodyText">Transfer Secure </span></td> 
        </tr> 
        <tr> 
         <td nowrap="" align="left" width="50%" valign="bottom"> 
          <span><b>Current Date:Wednesday, 02 Mar 2011, 01:42 IST</b></span> 
         <span><b>Report Date</b></span> 
         <span>Wednesday,20 Oct 2010</span></td> 
         <td align="right" valign="bottom"> 
          <input type="button" id="Buttoncancel" value="BACK"> 
         </td> 
        </tr> 
       </tbody> 
      </table> 
      <hr align="left" width="100%"> 
      <table cellspacing="0" width="100%" style="border: 1px;"> 
       <thead> 
        <tr> 
         <td style=" width: 10%; padding-left: 5px;"><b>Column1</b></td> 
         <td align="right" style="padding-bottom: 3px; font-weight: bold;">Credit</td> 
        </tr> 
       </thead> 
      </table> 
      <hr align="left" width="100%"> 
      <div id="Footer"> 
      <table cellspacing="0" cellpadding="0" border="0" width="100%"> 
       <tbody> 
        <tr> 
        <td align="right">Test Data</td> 
        </tr> 
       </tbody> 
      </table> 
      </div> 
      </td> 
     </tr> 
    </tbody> 
</table> 
</div> 
</body> 
</html>

如果我添加以下的風格，那麼我在IE中獲得空間8 & FF，但問題是在IE 6中，我看到周圍的<HR>

hr { 
    margin-bottom: 7px; 
    margin-top: 7px; 
}

額外的空間，請幫我在這。

感謝這裏

來源

2011-03-02 B V Uday Kumar

爲什麼你需要所有這些表？ – melhosseiny 2011-03-02 09:33:38

忘記IE6，_please！_ – Kyle 2011-03-02 09:59:43

我與凱爾在這一個。如果在IE6中發生的最糟糕的事情是你有一點額外的空間，那麼你應該忍受它並立即放棄。 – 2011-03-02 10:19:40

Advanceenter代碼添加這個CSS：

table, tr, td, hr { 
    line-height: 1.15; 
} 
hr { 
    clear: both; 
    display: block; 
    *margin: -7px 0; /* ie7 and below */ 
}

This幫我，但該網站不能正常工作，所以這裏是一個cached link。

來源

2011-03-02 10:22:46 thirtydot

HR保證金問題與IE6，IE8和FF

回答

相關問題