3つの列を持つテーブルを作成したいと思います。左右の固定幅の列(position:fixed --divsによって隠されています)と中央の可変幅の列です。
これは動作しません:
<table>
<tr>
<td width=202px></td>
<td> [MYCONTENT] </td>
<td width=200px></td>
</tr>
</table>
問題は、何らかの理由でブラウザ(ChromeとFirefoxでテスト済み)が、ブラウザウィンドウの幅が十分でない場合は、実際には意味がないと考えていることです。外側の列がトリミングされ、幅の設定が無視されるため、実際のコンテンツが私のdivの下にスライドし、完全にアクセスできなくなります。
私が残した唯一のアイデアは、200ピクセル幅にサイズ変更された1990年代の透明なピクセルを使用することですが、私はその考えに震えます。確かにもっと良い方法があるに違いありませんか?
(ところで、はい、私はさまざまな純粋なcssレイアウトを試しましたが、どれも適切ではありませんでした。たとえば、中央の列にoverflow:autoを使用すると、下部のスクロールバーもスクロールします(!!)。ウィンドウよりも広い場合は、最初に下にスクロールしてスクロールバーを表示し、次に水平方向にスクロールしてから、もう一度上にスクロールして最初に見たいものを表示する必要があります。また、パディングを使用して、必要なマージンを強制しました。左右にありますが、ブラウザウィンドウの幅が十分でない場合も無視されます。)