2012-04-27 1 views
1

IE7の浮動小数点に問題があります。私は右にフロートするようにリストを含むdivは、テキストが左にとどまるようにします。私が使っている方法は、他のブラウザでは動作しますが、IE7では動作しません。私は、問題をより明確にするためのコードを単純化しています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> 

そしてreleventの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で正常に動作することはできませんが、私は成功することなく私が考えることができるすべてを変更しようとしました。どんな考えがあっても大歓迎です。

テリー・ロズマス。

+0

難解なテキストを含むHTMLを投稿することはできますか?あなたが投稿したpタグは、あなたが参照しているコンテンツではないと仮定します... – andrewdotnich

+1

私はそれを自分で考え出しました。私は追加しました: .item-page { \t float:left; \t幅:自動; } クラスitem-pageはJoomlaによって追加されましたが、実際にcontentareaと階層内のpタグの間にあることを忘れてしまったので、レイアウトにどのような影響を与えているかは気にしませんでした。 –

+0

コメントはおそらくあなたのHTMLを食べた。答えとして投稿してください! – andrewdotnich

答えて

1

float:rightを両方のdivに使用します。 1つのdiv内の2つ以上の同等に大きなdivに左右の両方の浮動小数点を使用すると、IE7で発生している問題が発生する可能性があります。

+0

私はそれを試みた。それは同じ効果がありました:テキストdivは、私がfloat:leftでテキストを設定したときと同じ方法でサイドdivの下にプッシュされました。私は、IE7以前のスタイルシートのために別のものを作っています。その理由は、(.item-page divの中にスタイル宣言を追加する)実際には他のブラウザでも同じ問題が発生していたからです。 –

関連する問題