aspx 页面布局在 IE9 中失败答案

【问题标题】：aspx page layout fails in IE9aspx 页面布局在 IE9 中失败
【发布时间】：2012-11-02 13:59:10
【问题描述】：

我正在尝试解决一个我不太确定应该如何解决的问题。（我查看了一些东西并尝试了它们，但没有成功）。我有一个用作栏的 aspx 页面。假设看起来像这样（在 chrome 中）：

但是当我在 IE9 中运行它时，我得到了这个：

在 IE9 中，栏被分成两部分，“描述”标签和文本框/按钮都被推到一侧。

这是我的 css（我验证过，没有错误）：

<style type="text/css">
    .mainContentHolder
    {
        margin: 0;
        background-color: #f3f3f3;
        border: solid 1px #a1a1a1; 
        min-width:890px;
        width:920px;
        height:50px;
    }
    .mainContentHolder h3
    {
        font-size:13px;
        font-style: normal;
        font-variant: normal;
        font-weight: normal;
        line-height: 20px;
        margin-right: 1%;
    }
    .mainContentHolder label
    {
        font-size: 11px;
        font-style: normal;
        font-variant: normal;
        font-weight: normal;
        line-height: 20px;
        margin-bottom: 10px;
        margin-right: 1%;
    }
    .mainContentHolder input
    {
        width:70px;
    }
    .ui-dialog
    {
        font-size:12px;
    }
    .ui-widget-header
    {
        background: #8D122B;
    }
    .ui-datepicker
    {
        font-size:12px;
    }
    #quickNoteHeader
    {
       color: Green; 
    }
</style>

【问题讨论】：

也发布 HTML 或创建一个小提琴 jsfiddle.net
jsfiddle.net/mrbiggels/UFxeC
我发现了问题。显然 IE 拿走了我的文本框、标签“描述”和按钮，并将其放在一个 div 中并使其向右浮动...

标签： asp.net css internet-explorer-9

【解决方案1】：

Internet Explorer 10 解决了这个问题

【讨论】：