Question

以下CSS - 在IE8或greate中工作正常，但不适用于IE7或更少：

  #main_navi {
   list-style:none;
   text-align:left;
   padding:0px;
   margin:0px 0px 20px 0px; 
   float:left;
  }

.dsn li {
  display: none;
}

a.main_navi_0 ul {
  float:left;
  display:none;
}

a.main_navi_0:link, a.main_navi_0:visited {
  color:blue;
  font-size:16px;
  font-weight:200;
  font-family: 'Allerta', sans-serif;
  height:65px;
  padding:40px 10px 0 20px;
  display:block;
  float:left;
  text-align:center;   
}


a.main_navi_1:link, a.main_navi_1:visited {
  font-size:16px;
  font-weight:200;
  font-family: 'Allerta', sans-serif;
  height:65px;
  padding:40px 10px 0 20px;
  display:block;
  float:left;
  text-align:center;  
 color: #3c94e2;
}

a.main_navi_0:hover, a.main_navi_1:hover {
  color:#000;
  border-bottom:5px solid #3c94e2;
}    

a.sub_navi_0:link, a.sub_navi_0:visited {
  color:#696969;
  font-size:13px;
  font-weight:200;
  font-family: 'Allerta', sans-serif;
  height:25px;
  padding:5px 10px 0 10px;
  display:block;
  float:left;
  text-align:center;
  z-index:999;
  position:relative;
  border-bottom:2px solid #dedad6;    
}

a.sub_navi_1:link, a.sub_navi_1:visited {
  color:#696969;
  font-size:13px;
  font-weight:200;
  font-family: 'Allerta', sans-serif;
  height:25px;
  padding:5px 10px 0 10px;
  display:block;
  float:left;
  text-align:center;
  z-index:999;
  position:relative;
  border-bottom:2px solid #3c94e2; 
}

a.sub_navi_0:hover,  a.sub_navi_1:hover {
  color:#000;
  border-bottom:2px solid #3c94e2;
}

我的html文件：

<div id="nav">
    <div id="logo">
        <a target="_self" href="fileadmin/../home.html">
        <img border="0" title="4fleet Group" alt="" src="fileadmin/../fileadmin/img/logo.jpg">
    </a>
</div>
<div id="main_navi">
    <ul>
        <li class="dsn">
            <a class="main_navi_0" href="xyz.html">Über uns</a>
        <ul>
            <li>
                <a class="sub_navi_0" href="xyz/team.html">Team</a>
            </li>
            <li>
                <a class="sub_navi_0" href="xyz/presse.html">Presse</a>
            </li>
        </ul>
        </li>
        *another li with class ="dsn" tree*
    </ul>
</div>

我在IE7中的输出或小于IE7的输出：

Link1
      Link2
           Link3

我想那样：

Link1 Link2 Link3

如何让它在IE7中运行。我确实有一个IE7的额外CSS文件。我只是不知道CSS中的代码。

Answer 1

inline-block;不是float

的有效值

我猜你的意思是display: inline-block;。但这在IE7中不起作用。

您可能想要的是float: left;，但如果没有看到任何HTML，很难说。

CSS链接Float IE7或更少

1 个答案: