头容器

Question

我有这个css的ul列表菜单

#header-container #header ul.top-nav
{
    float: left;
    margin: 20px 0 20px 10px;
}
#header-container #header ul.top-nav li
{
    float: left;
    margin-right: 8px;
    border-right: 1px solid #008cd3;
    line-height: 15px;
}

在ie6和7中，似乎边缘底部在ul上只有19px。我正在使用reset.css文件。我把边缘底部关闭并放置了36px的固定高度，这样可以在浏览器中排列所有内容。然而，这似乎不是一个黑客。

之前有人遇到过这个问题吗？

 <div id="header-container">

    <div id="header">

        <a href="/" class="logo">esPAY</a>

        <ul class="top-nav">

            <li><a href="">adam wright</a></li>

            <li><a href="">Links</a></li>

            <li><a href="">Help</a></li>

            <li class="last"><a href="">Logout</a></li>

        </ul>

        <div id="TabStrip1" class="RadTabStrip RadTabStrip_esPay RadTabStripTop_esPay">

...菜单代码telerik ..

/* Header */

头容器

{ 宽度：100％; margin-bottom：10px; background：透明网址（'Images / navbg.gif'）左上方重复-x; 身高：自动; }

#header-container #header
{
    width: 960px;
    margin: auto;
    position: relative;
}

    /* Header / Logo */
    #header-container #header a.logo
    {
        width: 200px;
        height: 53px;
        text-indent: -5000px;
        background: url('Images/logo.gif') left top repeat;
        position: absolute;
        top: 20px;
        right: 0;
    }

    /* Header / Top Navigation */
    #header-container #header ul.top-nav
    {
        float:left;
        margin: 20px 0 20px 10px;             

    }

        #header-container #header ul.top-nav li
        {
            float: left;
            margin-right: 8px;
            border-right: 1px solid #008cd3;
            line-height: 15px;

        }

        #header-container #header ul.top-nav li.last
        {
            border-right: none;
        }

            #header-container #header ul.top-nav li a
            {
                font-size: 1.2em;
                color: #008cd3;
                margin-right: 8px;
            }

            #header-container #header ul.top-nav li a:hover
            {
                text-decoration: none;
            }

Answer 1

这看起来类似于双边距错误。尝试将display:inline添加到您的浮动元素或*display:inline仅定位，即6,7没有条件注释，它通常如何解决，但通常不会在底部发生。

在ie7 ie6然后其他浏览器中ul ul不同

头容器

1 个答案: