IE8中的字段填充

我对网络工作很新颖。如果这个问题微不足道或者过分的话，我很抱歉。我做了一些搜索fieldset填充，但没有看到任何特定的东西。IE8中的字段填充

这是我的窗口在Chrome和IE8中的样子。

铬：http://i.stack.imgur.com/rH7w0.png IE8：http://i.stack.imgur.com/6v6kZ.png

正如你可以看到，所有的填充已经完全扔掉。

<fieldset> 
    <legend>Refresh Settings</legend> 
    <table> 
     <tr> 
      <td class="AutoRefreshEnabled"> 
       Auto-Refresh Enabled:</td> 
      <td class="AutoRefreshCheckbox"> 
      <asp:CheckBox ID="CheckBox1" runat="server" AutoPostBack="True" oncheckedchanged="CheckBox1_CheckedChanged" /> 
      </td> 
      <td class="AutoRefreshNumericTextbox"> 
       <telerik:RadNumericTextBox ID="RadNumericTextBox1" Runat="server" 
        Label="Auto-Refresh Interval (Minutes):" MaxValue="60" MinValue="0" 
        ShowSpinButtons="True" Value="0" Width="225px" Enabled="False" 
        LabelCssClass="riLabel LabelDisabled"> 
       <NumberFormat DecimalDigits="0" /> 
       </telerik:RadNumericTextBox> 
      </td> 
     </tr> 
    </table> 
</fieldset> 

<fieldset> 
    <legend>Tab Settings</legend> 
     <div> 
      <div class="FloatLeft"> 
       <telerik:RadListBox ID="RadListBox1" runat="server" AllowDelete="True" AllowReorder="True" 
           EnableDragAndDrop="True" Skin="Web20" Height="95px" 
           onclientitemdoubleclicked="OnClientItemDoubleClicked" 
           onclientselectedindexchanged="OnClientSelectedIndexChanged" 
        Width="150px" AutoPostBack="True" AutoPostBackOnReorder="True" 
        onreordering="RadListBox1_Reordering" onclientload="OnClientLoad"> 
       </telerik:RadListBox> 
      </div> 
      <div class="FloatRight"> 
       <telerik:RadTextBox ID="RadTextBox1" Runat="server" EmptyMessage="Enter tab name" Skin="Web20" Width="150px"> 
       </telerik:RadTextBox> 
       <div class="TabButton"> 
        <telerik:RadButton ID="RadButton1" runat="server" onclick="RadButton1_Click" Skin="Web20" Text="Add Tab" 
         onclientclicked="OnButtonClicked"> 
        </telerik:RadButton> 
       </div> 
      </div> 
     </div> 
</fieldset> 

<fieldset> 
    <legend>Tab Cycle Settings</legend> 
    <table> 
     <tr> 
      <td class="AutoCycleEnabled"> 
       Auto-Cycle Enabled:</td> 
      <td class="AutoCycleCheckbox"> 
      <asp:CheckBox ID="CheckBox4" runat="server" AutoPostBack="True" oncheckedchanged="CheckBox1_CheckedChanged" /> 
      </td> 
      <td class="AutoCycleNumericTextbox"> 
       <telerik:RadNumericTextBox ID="RadNumericTextBox2" Runat="server" 
        Label="Auto-Cycle Interval (Minutes):" MaxValue="60" MinValue="0" 
        ShowSpinButtons="True" Value="0" Width="225px" Enabled="False" 
        LabelCssClass="riLabel LabelDisabled"> 
       <NumberFormat DecimalDigits="0" /> 
       </telerik:RadNumericTextBox> 
      </td> 
     </tr> 
    </table> 
</fieldset> 

<div class="BottomButtons"> 
    <telerik:RadButton ID="RadButton2" runat="server" Skin="Web20" Text="Apply" OnClientClicked="CloseAndSave" > 
    </telerik:RadButton> 
    <telerik:RadButton ID="RadButton3" runat="server" Skin="Web20" Text="Cancel" OnClientClicked="CloseAndCancel" > 
    </telerik:RadButton> 
</div> 

body 
{ 
    font-size: 12px; 
    font-family: "segoe ui",arial,sans-serif; 
} 

.LabelEnabled 
{ 
    color: Black !important; 
} 

.LabelDisabled 
{ 
    color: Gray !important; 
} 

.riTextBox 
{ 
    color: Black !important; 
} 

.AutoRefreshEnabled 
{ 
    width: 123px; 
} 

.AutoRefreshCheckbox 
{ 
    width: 20px; 
} 

.AutoRefreshNumericTextbox 
{ 
    width: 32px; 
} 

.AutoCycleEnabled 
{ 
    width: 123px; 
} 

.AutoCycleCheckbox 
{ 
    width: 20px; 
} 

.AutoCycleNumericTextbox 
{ 
    width: 32px; 
} 

.TimeframeRestricted 
{ 
    width: 314px; 
} 

.DataPointsShown 
{ 
    width: 314px; 
} 

.TimeframeCheckbox 
{ 
    width: 40px; 
} 

.DatapointsCheckbox 
{ 
    width: 40px; 
} 

.TimeframeDateTimePickers 
{ 
    width: 150px; 
} 

.FloatLeft 
{ 
    float: left; 
} 

.FloatRight 
{ 
    float: right; 
    padding-right: 55px; 
} 

.TabButton 
{ 
    text-align: left; 
    padding-top: 2px; 
} 

.BottomButtons 
{ 
    position: absolute; 
    left: 134px; 
    bottom: 13px; 
}

有没有人比我对这个问题有一个简单的解释呢？这将非常感激。

感谢您的时间。

来源

2011-03-22 Sean Anderson

这是一个IE浏览器的东西，传说是罪魁祸首有些“扎眼”着色和强迫填充一个简单的小提琴表明，实际上包含本身就是一个没有传说唯一的字段集 - http://jsfiddle.net/eDtDh/

我从来没有使用传奇，我忘了为什么，但我认为这是它在IE7/6等相同的原因....你可以通过标题元素建立在你自己的传说中，并相对定位它看起来类似于传说

来源

2011-03-22 22:54:53 clairesuzy

IE8中的字段填充

回答

相关问题