html - 余分なスペースを埋める div を持つ中央の固定幅要素

Question

適切に機能するために固定ピクセル幅である必要があるグラフィック表示を持つ Web ページを作成しています。中央に配置し、その左右の領域を使用して、それに関する情報 (テーブル) を表示したいと考えています。

これができるとしたら、次のようになります。

<div style="width: 50%-360px; float: left">
     <table>
         ...
     </table>
</div>
<div style="width: 50%-360px; float: right">
     <table>
         ...
     </table>
</div>
<div style="width: 720px">

（そして、それらを1行に強制するための微調整）。

もちろん、それは構文的に間違っていますが、私が望むもののアイデアを与えるはずです。ただし、現在、ウィンドウを縮小すると、表示がテーブルの下に強制されますが、これは私が望んでいるものではありません。

インラインブロック表示に切り替えて並べてみたのですが、ウィンドウを縮小すると右の表が次の行に表示されてしまいます。

ページ全体を水平方向にスクロールするのではなく、サイズが小さくなりすぎたときにテーブルにスクロールバーを配置できるこの種のスタイルを取得する方法はありますか?