私は流動的なレイアウトを持っています。ヘッダーには、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 などのすべてのサイトがオフィスでブロックされているため、どこにもホストできないようです。誰かがそれについてのヒントを持っていれば、それもありがたいです(午後経由)。
ありがとう。