Question

我构建了一个基于固定流量混合宽度布局的网页，因为我需要它在所有主流浏览器和宽屏以及普通屏幕上看起来一致。它很好地出现在Fire-Fox和Chrome中，但在IE中完全崩溃了。

我有一个水平列表项目的菜单，当悬停时有垂直元素，你不会相信它，但IE不会显示垂直元素本身

我对这种差异感到不知所措。这是代码：

任何想法为什么我几乎有一半专门用于Menu的CSS停止工作？它在其他浏览器中工作正常。

它只是在IE中崩溃，我的意思是。我无法理解我在哪里弄错了。

PS：也可以有人告诉我为什么我的页脚有b / w本身和底部的间隙（它应该粘在页面底部，但如果有更多的话，应该在内容中给出内容）即使在尝试之后几乎每一个在网上发现的技巧。

与页脚相关的代码是：

<div id="FooterContainer">

 <div id="Footer" >

    <div id="Footer_Content">
    <ul id="Footer_Nav">

            <li id="Contact"><a href="#">Contact US</a></li>
            <li id="About"><a href="#">About</a></li>    
            <li id="ToC"><a href="#">Terms & Conditions</a></li>    

    </ul>
    </div>
    <div class="notice">
            Designed & Developed by Sudhanshu Nautiyal
    </div>

 </div>
 </div>

 </div>

和CSS是：

/ *页脚开始* /

#FooterContainer {

    //clear:both;
    background: #b8e1fe;

}

#Footer {


    width: 960px;
    height: 100px;
    margin: 0px auto;

}

#Footer_Content {


    text-align:center;  
}

/* Footer Navigation begins*/

#Footer_Nav {

    display: inline-block;
    //width: 100%;

    padding: 0;
    list-style: none;

}
#Footer_Nav  li {

    float:left;
}

#Footer_Nav li a {

    //display: block;
    padding: 5px 10px;
    font-family: Arial;
    font-size: 15px;
    color: #0b6998;
}
/*Footer NAvigation Ends */

Answer 1

双斜杠（// comment here）不是CSS中注释的有效标记，只有完整的C风格注释块是（/* comment here */）。还有其他验证错误（例如，在未指定单位10与10px的情况下定义元素的宽度）。

IE（）中的固定宽度布局中断

1 个答案: