IE8中的字段集填充

时间:2011-03-22 22:11:33

标签: css internet-explorer-8

我对网络工作很陌生。如果这个问题是微不足道或过度使用我会道歉。我做了一些搜索fieldset padding,但没有看到任何特定的内容。

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

Chrome: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;
}

有没有比我更容易解释此问题的网络开发经验的人?非常感谢。

感谢您的时间。

1 个答案:

答案 0 :(得分:1)

它是一个IE浏览器的东西,传说是罪魁祸首一个简单的小提琴,带有一些“花哨”着色和强制填充显示唯一实际包含的字段集是没有传说 - {{ 3}}

我从未使用过传奇,但我忘记了原因,但我认为这就是它在IE7 / 6等中的原因....你可以通过一个标题元素构建你自己的传奇,并相对定位它看起来类似于一个传奇