html - IE 9 表格间距问题

Question

问题是出于某种原因，当在 IE 9(非兼容模式)中时，其中一个 tds 会导致愚蠢的对齐。在这个 fiddle 中 http://jsfiddle.net/2x3k3y5e/1/左侧按钮很好，它是右侧按钮中的第一个。由于某种原因，它不会设置在右侧。这是用户控件(按钮栏)的一部分，它将为页面创建各种按钮。只有在 IE 9 中我们才注意到这个问题。我想在所有地方修复它，并希望为此使用一些 css。

<table style="margin-top:10px;" cellspacing="0" cellPadding="0">
<tbody>
    <tr>
        <td noWrap="nowrap">&nbsp;&nbsp;</td>
        <td style="width: 100%;">
            <input style="width: 125px;" id="BottomButtonBar_btnDelete" class="btnEntry"  name="m$c$PatientSearchUC$PanelSearch$PanelSearch_BBB$BottomButtonBar_btnDelete" value="Previous Criteria" type="button"/>
        </td>
        <td style="padding-left: 4px;">
            <input style="font-weight: normal; " id="BottomButtonBar_btnUpdate" class="btnEntry"  value="Clear" type="button"/>
        </td>
        <td style="padding-left: 4px;">
            <input style="width: 65px; font-weight: bold;" id="BottomButtonBar_btnUpdateAndReturn" class="btnPrimary btnEntry" value="Search" type="submit"/>
        </td>
    </tr>
</tbody>
</table>

CSS:

    .btnEntry, .btnNav, .btnPrimary, .btnDefault{
  text-transform: none;
  cursor: pointer;  
  padding-right: 0;
  padding: 6px 12px;
  margin-left:0;
  margin-right:0; 
  color: #000000;
  min-width:60px;
  }

.btnNav {
  background-color: #fff;
  border: #ccc 1px solid;
}

.btnEntry {
  background-color: #ccc;
  /*border: #b2b2b2 1px solid;*/
   border: #ababab 1px solid;
    color: #404040;  
    min-width:60px;
}
.btnDefault {
    background-color: #ccc;
    border: #ababab 1px solid;
    color: #404040;
}
.btnPrimary {
  color: #ffffff;
  background-color: #82a83d;
}

如果我设置大小它很好，但我不认为使用 jquery 将按钮的大小重置为相同大小是一个好的解决方案。我再次希望有一些我不知道的 css 技巧可以解决这个问题。谢谢。

旁注:我使用 IETester 或带有 Windows 和 IE 9 的虚拟机

Answer 1

尝试 float :向右:

HTML:

<table style="margin-top:10px;" cellspacing="0" cellPadding="0">
    <tbody>
        <tr>
            <td noWrap="nowrap">&nbsp;&nbsp;</td>
            <td style="width: 100%;">
                <input style="width: 125px;" id="BottomButtonBar_btnDelete" class="btnEntry"  name="m$c$PatientSearchUC$PanelSearch$PanelSearch_BBB$BottomButtonBar_btnDelete" value="Previous Criteria" type="button"/>
            </td>
            <td style="padding-left: 4px;">
                <input style="font-weight: normal; " id="BottomButtonBar_btnUpdate" class="btnEntry btnClear"  value="Clear" type="button"/>
            </td>
            <td style="padding-left: 4px;">
                <input style="width: 65px; font-weight: bold;" id="BottomButtonBar_btnUpdateAndReturn" class="btnPrimary btnEntry" value="Search" type="submit"/>
            </td>
        </tr>
    </tbody>
</table>

CSS:

.btnEntry, .btnNav, .btnPrimary, .btnDefault{
  text-transform: none;
  cursor: pointer;  
  padding-right: 0;
  padding: 6px 12px;
  margin-left:0;
  margin-right:0; 
  color: #000000;
  min-width:60px;
  }
.btnClear{
    float:right;
}
.btnNav {
  background-color: #fff;
  border: #ccc 1px solid;
}
.btnEntry {
  background-color: #ccc;
  /*border: #b2b2b2 1px solid;*/
   border: #ababab 1px solid;
    color: #404040;  
    min-width:60px;
}
.btnDefault {
    background-color: #ccc;
    border: #ababab 1px solid;
    color: #404040;
}
.btnPrimary {
  color: #ffffff;
  background-color: #82a83d;
}