0

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 でのまったく同じビューと、セルの下部に並んでいる列を示しています。

Firefox のスクリーンショット

IE8 スクリーンショット

コード/cssで何を変更して、IE8で列を一番上に並べることができますか?

4

2 に答える 2

1

デフォルトでは、viewPanels はそのように動作しないので、問題を引き起こしている既存の CSS があるのではないでしょうか?

IE 開発者ツール (SHIFT-F12) を使用して、スタイルを調べます。ページで機能するようになるまで、変更してみてください。

これは、viewPanel が ViewPanel1 と呼ばれていると仮定して、開始するための提案です。

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

于 2012-05-11T14:41:12.067 に答える
0

CSS リセットの使用を検討する必要があります。CSS リセットは、すべての要素のスタイルをベースライン値にリセット (設定) するため、組み込みのデフォルト スタイル設定によるブラウザー間の違いを回避できます。スタイルをリセットすることで、ブラウザーごとに異なるブラウザーの組み込みスタイルをデフォルトにすることを回避できます。

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

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

CSS リセットが適用されたら、独自の CSS スタイルで作業できます (ここで発生しているような矛盾を回避できれば幸いです)。

于 2012-05-11T15:17:33.937 に答える