ビューポートを小さくするとCSSの配置が奇妙です

Question

ヘッダー付きの液体3列レイアウトを使用してサイトを実行しています。私が今までに試みたことのあるすべてのブラウザで、レイアウトは10年以上にわたってうまく動作します。 CSSの絶対配置に基づいています。 This pageには実際のサイトの例があります。

私のタブレットからページを見ると、右の列が中心のものと重なっていることがわかりました。 Firebugを使用してさらに調査すると、中央のコンテンツが360ピクセル幅に達すると、divの右余白が縮小することが示されました。何故ですか？ FirefoxとAndroidは同じようにレンダリングするので、これは実際にはそうであると思われる。

しかし、私は必然的に美徳を作り出し、身体と内容の分の幅を設定して体のスクロールをオーバーフローさせました。本体は実際にスクロールしますが、右側の列はbody要素（Firefox）の代わりにビューポートの右端に配置されます。これは意図的なCSS標準ですか？

小さなディスプレイでプレゼンテーションを解決する方法はありますか？あなたの努力のための

おかげで、
  –  ラース。

Answer 1

質問を取り消すか、この自己回答を提供するかどうかについては、しばらく熟考しました。私は質問を書いたときにの回答の一部をに提示したかったので、私は自己回答を決めました。

最初に360pxの制限は明らかに私自身の愚かさです。縮小することを拒否するコメントフォームがあります。それは私の見解からスクロールした。

身体にposition:relative;を追加することで、ポジショニングの問題を解決しました。その理由はin this questionです。

実験中に使用したoverflowの設定は、デフォルトの動作が既にスクロールされているため、不要です。しかし、overflowディレクティブを使用すると、IE8が壊れます。

ありがとうございました。回答のプールには最終的にすべてがありました。