1

IE7のフロートに問題があり、それがわかりません。テキストが左にとどまるように、右にフロートするリストを含む div を作成します。私が使用した方法は他のブラウザーでは機能しますが、IE7 では機能しません。問題を明確にするためにコードを単純化しました。

<div class="contentarea">
    <div class="rightmenu">
        <ul class="menu">
            <li class="item-472"><a href="/joomla/index.php/novazeal-websites" >Website Building</a></li>
            <li class="item-473"><a href="/joomla/index.php/novazeal-joomla-training" >Joomla Training</a></li>
        </ul>
             </div>
             <div class="item-page">
        <p>This is the services page. The quick brown fox jumps over the lazy yellow dog. My dog has fleas, The fox may catch them. I wouldn't want to be that fox.</p>
    </div>
</div>

そして関連する CSS:

.contentarea {
    background-color: #ffffff;
    width: 794px;
    min-height:100%; 
    height:100%; 
    overflow:visible;
    position:relative; 
    vertical-align: top;
    float:left;
}


.rightmenu {

    float:right;

}

IE7 でフロートが適切に機能しないように、さらに上位の階層から入ってくるプロパティがあると思いますが、考えられるすべてを変更しようとしましたが、成功しませんでした。どんな考えでも大歓迎です。

テリー・ロズマス。

4

1 に答える 1

1

float：を両方のdivに使用します。1つのdiv内で2つ以上のかなり同じ大きさのdivに左右両方のフロートを使用すると、IE7で発生している問題が発生する可能性があります。

于 2012-04-27T13:42:40.860 に答える