2011-10-20 9 views
0

問題はフォームにコンポーネントを表示することです。最初に、私はJSFとFaceletアプリケーションに取り組んでいます。私のページの1つでは、固定幅のinputTextを置いていましたが、ChromeとIEのナビゲータでプロジェクトを実行すると、コンポーネントの幅がほとんど違っています。ナビゲータのコンポーネントの表示が異なります

これは、コードの一部です:クロームで<h:inputText style=" width : 600px;" value="#{MyBean.Name}" />

コンポーネントの幅:IEで602px

コンポーネントの幅:604px

誰も私を助けることができます。

答えて

0

Achraf、

は、多くの場合、この問題は、paddingまたはその欠如に関係しています。 IEはwidthに対してpaddingを扱い、ほとんどの他のブラウザとは異なります。 1つはpaddingwidthに追加し、もう1つはpaddingwidthを別々に追加します。このようなブラウザ間の不一致は非常に一般的であり、通常はCSSをbody * {padding:0;}で開始し、必要に応じて特定のスタイルを上書きします。

また、指定するスタイルが少ないほど、指定されていないルールのスタイルに対してブラウザ(またはユーザーエージェント)の制御が強化されます。つまり、幅が一貫していないこれらのブラウザは、おそらくpadding<input>に必要に応じて追加しています。 <input>style属性にpadding:0を追加してみてください。これは問題を強制し、少し微調整する必要があるかもしれませんが、最終的に問題を解決するはずです。

希望します。 FuzzicalLogic