+ -
当前位置:首页 → 问答吧 → DIV在IE下,Margin无效,并产生严重向右偏移现象.

DIV在IE下,Margin无效,并产生严重向右偏移现象.

时间:2011-09-02

来源:互联网

HTML代码如下:
HTML code
<div id="loginshow"  class="loginarea" >
                    <div id="index_l-id">账户
                    </div>
                    <div id="index_l-pw">密码
                    </div>
                    <div id="index_l-id-in">
                       </div>                        
                    <div id="index_l-pw-in">
                        </div>
                   <div id="index_l-button">
                         <div id="index_l-b-login">    
                         </div>
                         <div id="index_l-b-regist">
                          </div>
                    </div>
               </div>

CSS代码如下:
CSS code

#index_l-id-in{
    width:127px;
    height:26px;
    margin-left:35px;
    margin-top:7px;
    position: absolute;
    text-align:left;
}

#index_l-pw-in{
    width:127px;
    height:26px;
    margin-left:35px;
    margin-top:34px;
    position: absolute;
    text-align:left;
}

#index_l-button{
    width:109px;
    height:26px;
    margin-left:37px;
    margin-top:65px;
    position: absolute;
}

#index_l-id{
    width:29px;
    height:18px;
    margin-left:6px;
    margin-top:38px;
    position: absolute;
}

#index_l-pw{
    width:29px;
    height:18px;
    margin-left:6px;
    margin-top:11px;
    position: absolute;
}

#index_l-b-login{
    width:55px;
    height:26px;
    margin-left:0px;
    margin-top:0px;
    display:inline;
    float:left;
}

#index_l-b-regist{
    width:54px;
    height:26px;
    margin-left:0px;
    margin-top:0px;
    display:inline;
    float:left;
}
div.loginarea{
    width:170px;
    height:98px;
    margin-left:9px;
    margin-top:0px;
    background-image: url(../images/index/index_index-l-b.jpg);
    background-repeat:repeat-x;
}



在FF,谷歌,OP下浏览正常,但是IE下loginarea显示正常,但内容区域的
HTML code
 
                    <div id="index_l-id">账户
                    </div>
                    <div id="index_l-pw">密码
                    </div>
                    <div id="index_l-id-in">
                       </div>                        
                    <div id="index_l-pw-in">
                        </div>
                   <div id="index_l-button">
                         <div id="index_l-b-login">    
                         </div>
                         <div id="index_l-b-regist">
                          </div>
                    </div>


会严重向右偏移,大约90px;
火狐下调试无果,求大牛指导

作者: ezero8385   发布时间: 2011-09-02

LZ 在css里边每一个内容div里边加一个显示为内嵌属性试试:display: inline;

作者: zsaihz   发布时间: 2011-09-02

热门下载

更多