IE9中的aspx页面布局失败

时间:2012-11-02 13:59:11

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

我正在尝试解决一个我不确定应该如何修复的问题。(我已经看过一些事情并尝试过但没有成功)。 我有一个aspx页面,可以作为一个酒吧。它看起来像这样(在chrome中): enter image description here

但是当我在IE9中运行时,我得到了这个: enter image description here

在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>

1 个答案:

答案 0 :(得分:0)

Internet Explorer 10修复此问题