IE8で2つのdivを互いに隣り合わせに浮かべる方法

私は2つのdivを持っていて、それらを隣り合わせて表示したいと思います。通常のブラウザでは問題ありません。 IEではしかし、物事を台無しにされていますIE8で2つのdivを互いに隣り合わせに浮かべる方法

enter image description here

赤い四角は私が話しているのdivのを指摘しています。左のdivはクラス "head_narrow"を持ち、画像のIDは "branche_header_image"です。私のCSSは次のようになります。

.head_narrow {width:380px; float:left;} 
#branche_header_image {float:right;}

は、私は2つのdivの幅が一緒にラッパーの幅よりも小さくなっていることを確信しています。どうしたの？

画像のCSSにも「幅」を追加しようとしましたか？ –

'DIV'がコンテナよりも広いので、オーバーフローが次の行に落ちているので、動作しません。 IEのためにそれらを小さくすると、彼らは浮動します。 –

@Shadow Wizard：はい、それは役に立たなかった。 @Kyle Undefined：残念ながら、そうではありません。 –

このIDに「幅」を追加します。#branche_header_image {width：400px;フロート：右;}

またはその代わりにフロートを使用して両方のdivため

display:inline;

を使用します。

2011-06-22 12:17:42

残念ながら、私は両方を試しましたが、効果がありません。 –

hmmm .. ok問題はありませんこのリンクをクリックするとデモができます：http://jsfiddle.net/rathoreahsan/AsyMH/ ---- –

コンテナdiv内にインラインブロックとして表示すると、より上手く解決できます。しかし、あなたが絶対に浮動小数点を使用する必要がある場合は、style = "clear：both;"で2つのfloatersの上下にdivを配置します。

2011-06-22 12:12:07

答えて