FirefoxとIE8 - viewPanelの別の違いは同じです

Question

viewPanelを作成し、複数の行のうちの1つが複数の行にまたがっている場合は（他のすべての列はラップされた列の下端と同じ行の下端にテキストが表示されます。 FFとChromeでは、同じ列が一番上に表示されます。 彼らはIEの一番上にそれらを望みます。私はラップをやっている列で

、私は次の式を使用していますが、これは

<xp:viewColumn id="viewColumn4" 
     contentType="HTML" width="150px"> 
    <xp:this.value><![CDATA[#{javascript:var valArr1 = new Array(view1.getColumnValue("SourceFileName")); 
    valArr1.join('<br/>')}]]></xp:this.value> 
    <xp:viewColumnHeader id="viewColumnHeader4" 
      value="Original File Name"> 
    </xp:viewColumnHeader> 
</xp:viewColumn> 

最初のスクリーンショットは、列が先頭に並んでFirefoxでviewPanelを示し違いだろうか細胞の2番目のスクリーンショットは、IE8での同じビューとセルの一番下に並ぶ列を示しています。

私は列がIE8でトップに並ぶ作るために、コード/ CSSで何を変更できますか？

Answer 1

デフォルトでは、私のviewPanelsはそのように動作しないので、問題の原因となっている既存のCSSがあるのだろうか？

IEの開発ツール - SHIFT-F12を使用してスタイルを検査します。ページ上で作業できるようになるまで変更してください。ここで言っ

は

あなたはCSSのリセットを使用することを検討すべきであるViewPanel1

TABLE[id$='viewPanel1'] TR TD 
{ 
    display: block; 
    vertical-align: top 
} 

Answer 2

と呼ばれるあなたのviewPanelと仮定すると を開始するための提案です。 CSS Resetは、すべての要素のスタイルをベースライン値にリセット（設定）し、組み込みのデフォルトスタイル設定によるブラウザ間の違いを回避します。スタイルをリセットすることで、ブラウザごとに異なるブラウザの組み込みスタイルをデフォルトにすることは避けられます。

CSSReset.comには、最も一般的なCSSリセットスクリプトが含まれています。

もちろん、特定のサイトに必要なデフォルト（たとえば、表のセルの垂直配置の要件に合わせる）にCSSのリセットをカスタマイズすることもできます。

CSSリセットが適用されると、独自のCSSスタイルで作業できます（ここで発生している不一致は避けてください）。