2011-01-20 18 views
4

私はIE6 & IE7の問題に直面していました。私は誰かがIE6/7を使用しない以外の解決策を望んでいました。右のコストは、左のラベルと同じ行にある必要があります。私はこれをFireFoxで動作させることしかできませんが、IE7では、たとえば、インラインブロックを使用していても、下の行にコストがかかります。 yhelpが大幅CSS IEでのインラインブロックの問題を表示する

注意をいただければ幸いです。私は何が起こっているかを見ることができたので、私は国境をオンに...私の問題の

デモ:http://jsbin.com/ilese4/

は、ここでは、IE7でレンダリング方法の絵です。

alt text

+0

今、私はそれがhttp://stackoverflow.com/questions/1994667/problem-in-displayinline-and-displayinline-blockとhttp:// stackoverflowの複製であることを見ました。 com/questions/608172/block-level-elements-within-in-display-inline-block – bluish

答えて

16

このリンクは、それを解決するのに役立ちます: Cross-Browser Inline-Block

非常に少なくとも、あなたは(IE6/7をINCL)inline-block作業クロスブラウザを行う必要があります:

.my-inline-block { 
    display: inline-block; 
    *zoom: 1; 
    *display: inline; 
} 

追加の癖を修正する必要があるかもしれません。詳細と説明はリンクにあります...

+0

私はIEのディスプレイブロックの作業をするために夢中になっているわけではありませんでした。もっと少なく。このソリューションはここでは、クラスを左側に追加し、右側のコストのように浮動させることで十分です:http://jsbin.com/araco4/ – Evan

関連する問題