0

そのため、IE10でリスト項目を左にフロートさせるために、ここに投稿されたほとんどすべてのソリューションを試しました。IE8 と 9 では動作しますが、何らかの理由で 10 ではそれらが重なり合ってしまいます。

doctype を次のように変更してみました:

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

また、コンテナー div を overflow:hidden として設定しようとしました。li 要素でも同じことを行い、アイテムのマージンも削除しました。li アイテムの幅を設定するように推奨がありましたが、これは更新可能なテキストであるため、それはできません。また、display:inline-block を使用しようとしました。全く解決せず…

コード スニピットを次に示します。

    <ul id="menu-main-menu-left" class="main-menu">
      <li id="menu-item-14" class="menu1" link="http://placehold.it/300/ea3e59&amp;text=sandals"><a rel="menuitem">Sandals</a></li>
      <li id="menu-item-34" class="menu2" link=""><a href="http://ssekodesigns.lc/how-to-tie/">How To Tie</a></li>
      <li id="menu-item-16" class="menu3" link="http://placehold.it/300/ea3e59&amp;text=leatherbags"><a rel="menuitem">Leather Bags</a </li>
    </ul>

    .main-menu li{
   font-family: 'Josefin Slab', Times , sans-serif;
   font-weight:600;
   font-size:11pt;
   text-transform:uppercase;
   line-height:15pt;
   text-align:center;
   float:left;
   overflow: hidden;
   margin: 0;
    }

これらを適切に表示する方法について誰かアドバイスがありますか?

前もって感謝します。

4

1 に答える 1