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 {*宽度: 65% !重要;}
.yui-gd .first {*width: 31% !important;}

我希望这会有所帮助，如果有更好的解决方案，我会洗耳恭听。