IE 6 和 7 中的 YUI-css

Question

如果你看下面的截图，你可以看到红色的右侧菜单框在 IE6 和 7 中的位置错误：

alt text http://horgenweb.org/yui.png

<div id="doc4" class="yui-t2"> //yui-t2 = 180px on the left
  <div id="bd">
    <div id="yui-main">
      <div class="yui-b">
        <div class="yui-gc"> // yui-gc 2/3, 1/3
          <div class="yui-u first">content</div> // 2/3
          <div class="yui-u">right menu</div> // 1/3
        </div>
      </div>
    </div>
    <div class="yui-b">left menu</div> // 180px
  </div>
  <div id="ft">footer</div>
</div>

有人知道我该如何解决这个问题吗？

Answer 1

我正在疯狂地试图解决 IE7 中的这个浮动错误。我注意到这个错误只影响特殊网格 .yui-gc (2/3,1/3) 和 .yui-gd (1/3,2/3)。

因此，我对第一个单元进行了星号修改，以将单元的宽度减小 1% 或 2%。较小的宽度（在第一个单元上）允许单元在 IE7 中并排浮动。

.yui-gc .first {*width: 65% !important;} .yui-gd .first {*width: 31% !important;}

我希望这会有所帮助，如果有更好的解决方案，我会全力以赴。