Question

我有一个菜单栏，其中每个按钮都是向右浮动的图像。它在Safari，FF和Chrome中看起来很完美，但在IE7中，按钮分组很好，但它们看起来比其他浏览器低50个像素（在菜单栏之外）。有关如何解决此问题的任何提示？谢谢！

我的CSS：

 #menu {
      width: 100%;
      height: 58px;
      background-color: #00653a;
    }

#menu_mid {
  width: 823px;
  height: 58px;
  margin: 0px auto;
  background-color: #00653a;
}

.menu_links {
  float: right;
  display: inline;
}

HTML：

  <div id="menu">
      <div id="menu_mid">
        <img src="assets/img/menu_rrt.gif" alt="RRT"/>
        <img src="assets/img/menu_contact.gif" alt="Contact" class="menu_links"/>
        <img src="assets/img/menu_news.gif" alt="Contact" class="menu_links"/>
        <img src="assets/img/menu_about.gif" alt="Contact" class="menu_links"/>
        <img src="assets/img/menu_home.gif" alt="Contact" class="menu_links"/>
      </div>
    </div>

Answer 1

问题似乎是徽标（或带有alt =“RRT”的图形）没有定义宽度。我在img元素中添加了一个ID，然后向左浮动。似乎是您正在寻找的东西：http://jsfiddle.net/mE2b8/3/

IE浮动问题

1 个答案: