如何创建一个可保持边距的可调整大小的框

Question

由于谷歌的AdSense，我创建了游戏门户并限制了调整问题。 我的主要问题，如下所述是处理不同大小的游戏。

这是一个（丰富多彩的）演示：

限制的

• 白色框和红色（以及绿色）框之间至少有150像素。

• 红色/绿色框尺寸必须为160x600像素。

• 白盒应该留在中间。

问题：

• 白盒子（游戏所在的位置）尺寸不固定。它可以是640x480像素，800x600像素等......
• 如果白盒太高，可能会破坏黄色容器。
• 如果白框太宽，红色/绿色块之间的距离可能会中断。

问题：

• 如何设置我的CSS以处理不同的大小但保留边距？

这是我工作的基本html：

<div class="the-rest">
    <div class="container">
        <div class="header">
            <div class="game-name">
                Title
            </div>
        </div>
        <div class="main">
            <div class="left">
                Left bar
            </div>
            <div class="middle">
                Data comes here
                <div class="game">
                    Resizeable game comes here
                </div>
            </div>
            <div class="right">
                Right bar
            </div>
        </div>
    </div>
</div>