Question

我在使用IE 9和CSS时遇到了一些问题。我想像每天一样制作一个ul，li菜单（不是每天开玩笑）并且得到一些我以前从未有过的错误。我有2个问题的截图。第一个IE 9： Problem IE9

在这里，我们有我想要的方式，并在Firefox，Chrome，Safari中获取它： No Problem Firefox,Chrome,Safari

以下是整个菜单的CSS：

#menu {
background: white url(images/menu.jpg);
width: 940px;
height: 58px;
margin: 40px auto;
}
#menu ul {
margin: 0px 0px 0px -50px;
padding: 0px 0px 0px 0px;
list-style: none;
line-height: normal;
text-align: center;
}
#menu li {
list-style: none;
line-height: normal;
float: left;
margin-left: 160px;
}
#menu a {
display: block;
float: left;
height: 55px;
padding: 0px 30px 0px 30px;
line-height: 56px;
letter-spacing: 1px;
text-decoration: none;
text-transform: uppercase;
font-family: 'Oswald', sans-serif;
font-size: 19px;
font-weight: normal;
color: #B5B5B5;
border: none;
}
#menu .current_page_item a {
color: #FFFFFF;
}
#menu a:hover {
text-decoration: none;
color: #FFFFFF;
}

以下是菜单的HTML代码：

<div id="menu">
        <ul>
            <li><a href="index.html"><strong>Startseite</strong></a></li>
            <li><a href="programm.html"><strong>Programm</strong></a></li>
            <li><a href="karten.html"><strong>Karten</strong></a></li>
            <li class="current_page_item"><a href="#"><strong>Sponsoren</strong></a></li>               
        </ul>
</div>

我希望有人可以帮助我..

BTW：http://adtime.agasoft.net/bako你可以找到整个HTML页面的东西！：）

Answer 1

<?xml version="1.0" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

标签和IE9之前的代码效果很好......：）

ul，li menu - IE9填充边距？

1 个答案: