css - CSS レイアウト: fixed-fluid-fixed、200px グリッドを維持

Question

これはスタック オーバーフローに関する私の最初の質問です。適切なエチケットをすべて守っていることを願っています。2 つのサイドバーが常に 200px で、中央のコンテンツ領域が画面の側面に基づいて可変である固定流体固定のレイアウトを作成しようとしています。これは、次のコードで動作するようになりました。

#page-container {
    margin: 15px;
}

#content-container {
    margin: 0 200px;
}

#left-sidebar{
    width: 185px;
    margin-top: 15px;
}

#right-sidebar{
    float:right;
    width: 185px;
    margin-top: 15px;
}

中央に Isotope Masonry レイアウト (200px の列で動作) を使用しています。これが、中央領域を流動的にしたい理由です。ここで質問があります。中央の領域が流動的であるが、200px の倍数に制限されるようにしたいのです。したがって、1024 画面では、サイドバーは 200 ピクセル、中央は 600 となり、余白は 12 ピクセルになります。または、2880 の Retina ディスプレイでは、サイドバーは 200 ピクセルのままで、中央は 2400 ピクセルで、余白は 40 ピクセルになります。これは可能ですか？私は現在サイトに取り組んでいるので、一日中変更される可能性がありますが、レイアウトは一定のままである必要があります: http://test.loeuf.com/wp/