0

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

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

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

http://jsfiddle.net/thedarkjedi/wknmn/

知道为什么我几乎一半专用于菜单的 CSS 刚刚停止工作吗？它在其他浏览器中运行良好。

它只是在 IE 中崩溃，我是认真的。我不明白我在哪里犯了错误。

PS：还有谁能告诉我为什么我的页脚本身和底部有一个间隙（它应该贴在页面底部，但同时如果有更多内容，应该让位给内容）即使在尝试了几乎所有技巧之后在网上找到。

我与页脚相关的代码是：

<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 */
4

1 回答 1

0

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

于 2012-12-12T21:22:58.363 回答