css - Fluid 960: 奇妙なアルファ/オメガの動作

Question

現在、Fluid 960 を使用していますが、アルファ/オメガで奇妙な動作が発生しています。私のアルファ/オメガの理解は、ネストされたグリッドの左/右マージンを修正するために使用されるということです。

ただし、ネストされたグリッドのペアにアルファ/オメガを適用すると、左側のグリッドには非常に浅いインデントがあり、右側のグリッドには大きな右側のインデントがあります (視覚的な観察)。何が起こっているか知っている人はいますか？

Answer 1

ネストされたグリッドは Fluid 960 では機能しないと思います。グリッドの幅は、正確なピクセルではなくパーセンテージで定義されます。

前の回答を例にとると、grid_6 は幅の 48% に変換され、grid_6 内の grid_2 は 14.666% * 48% に変換されますが、14.466% が期待されます。

私も同じ問題に直面しており、流動的でないバージョンに戻す必要があるかもしれません。解決策があるかどうか、または私が間違っているかどうかを提案してください。

Answer 2

ネストされたグリッドにのみ必要です。

<div class="container_12">
    <div class="grid_2">sidebar</div>
    <div class="grid_6">
        <div class="grid_2 alpha">
            1
        </div>
        <div class="grid_2">
            2
        </div>
        <div class="grid_2 omega">
            3
        </div>
    </div>
    <div class="grid_2">photo's</div>
    <div class="grid_2">advertisement</div>
</div>

現在、期待どおりに動作します。