-6

我在使用 IE 浏览器时遇到了问题...我一切正常，直到我尝试检查资源管理器大声笑。

无论如何，我想创建固定位置的顶部菜单，但 IE 得到了不同的边距，然后是 moizila 或任何其他高级浏览器。

    <center>
        <div class="header-line">
          <ul id="navigation">
             <li><a href="forum.php" class="a1">Soldier Of Fortune 2</a></li>
             <li><font style="color: #464545">|</font></li><li><a href="forum.php" class="a2">Index</a></li>
             <li><font style="color: #464545">|</font></li>
             <li><a href="members.php" class="a2">Members</a></li>
             <li><font style="color: #464545">|</font></li>
             <li><a href="download.php" class="a2">Downloads</a></li>
             <li><font style="color: #464545">|</font></li>
             <li><a href="tutorials.php" class="a2">Tutorials</a></li>
             <div class="header-line1">
                <li>
                  <a class="a" href="profile.php" title="View Profile">
                    <?php echo $_SESSION['username']; ?>
                  </a>
                </li>
                <li><font style="color: #464545">|</font></li>
                <li><a href="logout.php">Log Out</a></li>
             </div>
          </ul>
        </center>

.header-line1 {
    position:fixed;
    color: #fff;
    float: right;
    margin-top: -30px;
    margin-left: 1100px;
    width: 300px;
    height: 25px;
    padding: 10px;
    text-align: left;
    /* For WebKit (Safari, Google Chrome etc) */
    background: -webkit-gradient(linear, left top, left bottom, from(#2c2a2a), to(#131010));
    /* For Mozilla/Gecko (Firefox etc) */
    background: -moz-linear-gradient(top, #2c2a2a, #131010);
    /* For Internet Explorer 5.5 - 7 */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#2c2a2a, endColorstr=#131010);
    /* For Internet Explorer 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#2c2a2a, endColorstr=#131010)";
}

感谢所有帮助者

4

1 回答 1

2

您的 HTML 无效。

无序列表 ( ul) 只能包含列表项 ( li) 作为它们的第一个后代。font-tag 或div容器不能直接作为父级，ul但您可以将它们放在li.

还要确保所有元素都正确关闭。你有一个未关闭的div.

如果您的 HTML 无效，您会得到奇怪的结果。首先修复您的验证，看看是否有帮助。

于 2012-11-11T16:36:59.027 回答