0

私は流動的なレイアウトを持っています。ヘッダーには、div に背景リピーター 1x100 png があります。必要に応じて、ビュー ポートの右側を埋めます。

ただし、このページの本体 div にはデータ テーブルもあります。また、ほとんどのビューポートでは、非常に多くのものがあるため、水平スクロールが発生します。

右にスクロールすると、ヘッダーが表示されません。

jquery を使用する方法、またはヘッダーをテーブルの幅まで伸ばす方法はありますか? テーブルがレンダリングされるまで、テーブルの大きさはわかりません。110% などの幅でハッキングしてみましたが、表は空白の改行がない流動的であり、タイトルが長くなるとセルが伸びるため、コンテンツによっては正確ではありません。

これは ie8 イントラネットであるため、修正はこのブラウザで機能する必要があります。

html は非常に基本的なもので、疑似コードは次のようになります

<div id=wrap>
<div id=header></div>
<div id=tablearea><table>WIDE TABLE HERE</table></div>
</div>

サイズ変更時にラッパーが伸びることを望んでいましたが、そうではありません。

そのヘッダーを正しくペイントするためのヒントはありますか? 私はストレートな CSS を使いたいと思っていますが、javascript/jquery のハックに反対しているわけではありません。

繰り返しますが、ie8 は (残念ながら) 私たちのラインなので、それに取り組む必要があります。

簡単なペイントジョブを作成しましたが、imgur、tinypic などのすべてのサイトがオフィスでブロックされているため、どこにもホストできないようです。誰かがそれについてのヒントを持っていれば、それもありがたいです(午後経由)。

ありがとう。

4

1 に答える 1

0

http://jsfiddle.net/cZ9Vu/1

#wrap, #tablearea {overflow-x: auto;}
于 2013-01-28T17:09:00.010 に答える