当前位置: 代码迷 >> HTML/CSS >> firefox IE7 布局有关问题
  详细解决方案

firefox IE7 布局有关问题

热度:976   发布时间:2012-02-24 16:30:39.0
firefox IE7 布局问题
<div   id= "crumb "   runat= "server ">
                        </div>
<div   id= "contentDiv ">
                                <div   id= "left ">
                                        <asp:ContentPlaceHolder   ID= "ContentPlaceHolder1 "   runat= "server ">
                                        </asp:ContentPlaceHolder>
                                </div>
                                <div   id= "right ">
                                </div>
                        </div>
                        <div   id= "footer ">
                        </div>
                     
CSS:
  #footer
              {
                    margin-top:20px;
                      width:1024px;
                      font-size:small;
              }
为什么firefox   中margin-top:20px;   是从   crumb往下20px   而IE7是从contentDiv往下20px;



------解决方案--------------------
不同的浏览器,对CSS的解释是不同的
------解决方案--------------------
楼主给的代码测试了没问题,不知道是不是你ID为left和right有浮动的熟悉,如果是这样,在right的DIV后面加上 <br clear= "all " /> 。
  相关解决方案