首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > ASP >

DIV+CSS在IE7下显示不正常解决方案

2013-10-21 
DIV+CSS在IE7下显示不正常%@ Page LanguageC# AutoEventWireuptrue CodeBehindMonitorOutListQue

DIV+CSS在IE7下显示不正常

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="MonitorOutListQuery.aspx.cs" Inherits="WTGS.ZHJC.Web.Toll.MonitorOutListQuery" %>

<%@ OutputCache Location="None" %>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
    <script src="../JS/Public.js" type="text/javascript"></script>
    <script src="../JS/Calendar.js" type="text/javascript"></script>    
    <script src="OutListQuery.js" type="text/javascript"></script>
    <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE8"/>
    <link href="../Css/Style.css" rel="stylesheet" type="text/css" />

    <style  type="text/css">

        .msg_container {
            display:inline-block;
            font-family: 微软雅黑;  
            font-size:12px;
            height:27px;
            min-width:430px;
            width:430px;
            *display:inline;
        }
        .msg_container>label{
            display:inline-block;
            width: 120px;
            text-align:right;
             *display:inline;
        }
        #wCkl_UserType>label{
            margin-right:5px;
        }
        .syTitle {
            display:block;
            font-family: 微软雅黑;  
            font-size:12px;
            line-height:24px;
        }
        .btn_container {
            text-align:center;
        }
        .msg_block {
            display:block;
            width:1320px;
            height:auto;
        }
        .special-div{
            display:inline-block;
            *display:inline;
            width:200px;
        }
        .radioAlign>label{
            width:150px;
            text-align:right;
        }
    </style>
</head>
<body>
    <form id="form1" runat="server">
        <div id="div_Top" style="height: 1px;">
            <asp:ScriptManager ID="ScriptManager1" runat="server">
            </asp:ScriptManager>
            <asp:UpdatePanel ID="updatePanel_message" runat="server" RenderMode="Inline">
                <Triggers>
                    <asp:AsyncPostBackTrigger ControlID="btnSave" EventName="Click" />
                    <asp:AsyncPostBackTrigger ControlID="btnCancel" EventName="Click" />
                </Triggers>
            </asp:UpdatePanel>
        </div>
        <div id="div_container">


            <span class="syTitle">入口信息</span>
            <div class="msg_container" id="InVehPlate_Out_Div" runat="Server">
                <label>车牌号</label>
                <asp:TextBox ID="wTxt_InVehPlate" runat="server" CssClass="inputEdit" Width="165"></asp:TextBox>
            </div>            
            <span class="syTitle">出口信息</span>            
            <div class="msg_container" id="OutOverPercent_Out_Div" runat="Server">
                <label>超限%</label>
                <asp:DropDownList ID="wDDL_OverPercent" runat="server" Width="170" CssClass="editDropDown_readOnly">
                </asp:DropDownList>
            </div>            
            <table width="100%" border="0" cellpadding="0" cellspacing="0">
                <tr>
                    <td class="operateBar" align="left">
                        <table width="100%" border="0" cellpadding="0" cellspacing="5">
                            <tr>
                                <td align="center">
                                    <asp:Button ID="btnSave" runat="server" Text="查询" CssClass="bttnNoraml" OnClick="btnSave_Click" />
                                    <asp:Button ID="btnCancel" runat="server" Text="退出" CssClass="bttnNoraml" OnClick="btnCancel_Click" />
                                </td>
                            </tr>
                        </table>
                    </td>
                </tr>
            </table>
        </div>
    </form>
</body>
</html>


以上页面可以在IE8 IE9下正常显示 但在IE7下却显示不正常 IE7下页面顶到最上端,下方出现一个横向滚动条,页面上的内容看不到。 css ie7 html c#
[解决办法]
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE8"/>   改成  <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7"/> 看看有何变化 

热点排行