IE7は浮動小数点数が0になります。

JSFiddleをご覧ください。私はこの浮動小数点レイアウトがIE7で動作するようにしようとしています。他のすべての作品。 2つのフロート権は互いに隣り合っている必要があります。しかしIE7では、それは崩れます。IE7は浮動小数点数が0になります。

修正に関するアイデアはありますか？ご協力いただきありがとうございます。

*更新フィドル

http://jsfiddle.net/c9Wmx/5/ < - これは動作しますが、空のdivを使用せずにこれを行うにはどのような方法がありますか？

2012-03-14 banjo

Serendipitious ...私は今、まったく同じ問題を解決しようとしています。確かに私が見つけるすべてのソリューションを共有します。 –

両方の代わりにクリアを試してください：私は実際にIE7を持っていないが、それはそれを修正するかもしれないと思う。 – DanRedux

@ DanReduxそれを試してみました。運がない。 IE9はありますか？ブラウザのモードをIE7に変更できます:) – banjo

.page DIVに幅を与えることができます。

.page{ 
    width:480px; 
    float:right; 
}

2012-03-14 04:42:57 sandeep

以下を参照してください:) ********* – banjo

IEでのみ発生する場合は、次のように頭のhtmlタグを入れてみてください。

<meta http-equiv="X-UA-Compatible" content="IE=7" /> 
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

2012-03-14 04:43:19 icomrade

特にIE7は意図したとおりに動作しません。後のIEバージョンを強制的にIE7としてレンダリングすると、問題は悪化するでしょう。 –

この更新フィドルを参照してください：http://jsfiddle.net/c9Wmx/6/

2012-03-14 04:50:56 w3uiguru

これは動作しますが、左端のdivにはテキストが含まれていて、幅が変わるという問題があります。したがって、テキストが少ないものは、上記の行にジャンプします。 – banjo

私はあなたが達成したいものを正確に得られていません。あなたが達成するために私の心を作ることができるように、テキストで例文かスクリーンショットを作ることができますか？ – w3uiguru

答えて