YUI-CSS в IE 6 и 7 - PullRequest
Новая
       21

YUI-CSS в IE 6 и 7

0 голосов
/ 17 марта 2010

Если вы посмотрите на скриншот ниже, то увидите, что правый блок меню красного цвета имеет неправильную позицию в IE6 и 7:

альтернативный текст 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>

Любойзнаете, как я могу решить эту проблему?

1 Ответ

0 голосов
/ 20 мая 2010

Я сходил с ума, пытаясь решить эту ошибку с плавающей точкой в ​​IE7. Я заметил, что ошибка затрагивает только специальные сетки .yui-gc (2 / 3,1 / 3) и .yui-gd (1 / 3,2 / 3).

Поэтому я подаю звездный хак первому юниту, чтобы уменьшить ширину юнита на 1 или 2 процента. Меньшая ширина (на первом блоке) позволяет блокам плавать рядом в IE7.

.yui-gc .first {* ширина: 65%! Важно;} .yui-gd .first {* ширина: 31%! важно;}

Надеюсь, это поможет, и если есть лучшее решение, я весь в ушах.

...