代码之家  ›  专栏  ›  技术社区  ›  The real napster

IE7菜单有布局问题

css
  •  1
  • The real napster  · 技术社区  · 17 年前

    所以我一直在谷歌搜索,我很肯定我的问题来自于IE7和更低版本的hasLayout问题。

    我的问题: See image here

    下面的HTML代码。问题出现在id=“header”div和id=“colortab”div之间。

    <div id="header">
        <div class="logo"><img src="images/logo.gif" border="0" alt="" /></div>
        <div class="hotline"><img src="images/ds_garanti.png" border="0" alt="" /></div>
    </div>
    <div id="colortab" class="ddcolortabs">
        <ul>
            <li><a href="index.php" title="Forside"><span>Forside</span></a></li>
            <li><a href="#" title="Vi tilbyder" rel="dropmenu1_a"><span>Vi tilbyder</span></a></li>
            <li><a href="#" title="Tilbud" rel="dropmenu2_a"><span>Faste Tilbud</span></a></li>
            <li><a href="ds-garanti.php" title="Garanti"><span>Garanti</span></a></li>
            <li><a href="kontakt.php" title="Kontakt"><span>Kontakt</span></a></li>
        </ul>
    </div>
    
    <!--1st drop down menu -->                                                   
    <div id="dropmenu1_a" class="dropmenudiv_a">
    <a href="staal-smedearbejde.php">Stål og smedearbejde</a>
    <a href="vvs-arbejde.php">VVS arbejde</a>
    <a href="udlejning.php">Udlejning</a>
    </div>
    
    <!--2nd drop down menu -->                                                   
    <div id="dropmenu2_a" class="dropmenudiv_a">
    <a href="tilbud-staal-smedearbejde.php">Tilbud på stål og smedearbejde</a>
    <a href="tilbud-vvs-arbejde.php">Tilbud på VVS arbejde</a>
    <a href="tilbud-udlejning.php">Tilbud på udlejning</a>
    </div>
    
    <script type="text/javascript">
    //SYNTAX: tabdropdown.init("menu_id", [integer OR "auto"])
    tabdropdown.init("colortab", 3)
    </script>
    

    在这里可以看到所属的CSS http://mhlhost.com/stackstyle.css

    如果有人能帮助我,我会非常感激的。我不知道哪些因素会给我带来麻烦:(

    1 回复  |  直到 17 年前
        1
  •  1
  •   Emily    17 年前

    向左浮动收割台将关闭IE6/7中的间隙。

    #header{
        position:relative; 
        height:100px; 
        background-color:#fff; 
        width:855px;
        float:left;
    }