Pergunta

Estou usando o Fluid 960 no momento e estou recebendo um comportamento estranho com o Alpha/Omega. Meu entendimento de Alpha/Omega é que ele é usado para corrigir as margens esquerda/direita em grades aninhadas.

No entanto, quando aplico alfa/ômega a um par de grades aninhadas, a grade do lado esquerdo tem um recuo realmente raso, enquanto a grade do lado direito tem um grande indent lateral direito (observações visuais). Alguém sabe o que está acontecendo?

Foi útil?

Solução

É necessário apenas para grades aninhadas, por exemplo.

<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>

Funciona como esperado agora.

Outras dicas

Eu acho que as grades aninhadas não funcionam no fluido 960. As larguras da grade são definidas em termo de porcentagem, em vez de pixel exato.

Tome uma resposta anterior como exemplo, o grid_6 se traduzirá em 48% da largura; em seguida, um grid_2 dentro do grid_6 se traduzirá em 14,666% * 48%, mas o esperado de 14,466%.

Também estou enfrentando o mesmo problema e posso ter que reverter para a versão não fluida. Por favor, sugira se houver uma solução ou estou errado.

Licenciado em: CC-BY-SA com atribuição
Não afiliado a StackOverflow
scroll top