Problema de preenchimento / largura - Posso usar o tamanho da caixa com um sistema de grade, por exemploSistema de grade 960?

Question

Eu uso o sistema de grade 960 há um tempo e sempre tenho problemas ao adicionar preenchimento aos meus divs.

Gostaria de saber se é uma prática boa / segura modificar o CSS do sistema de grade e adicionar box-sizing: border-box às minhas classes * grid_x *.Existem desvantagens?

Até agora, tenho usado uma div interna com preenchimento extra, então não mexo com minhas divs contendo as classes de grade.Funcionou bem, mas apenas preenche meu layout com divs extras em todos os lugares.

box-sizing é uma boa opção ou você tem alguma outra solução alternativa, sugestões?

Muito obrigado

Answer 1

Acho que é melhor se você adicionar uma caixa dentro de grid_x e adicionar uma borda para a caixa.

aqui está o exemplo

html:

<div class="grid_1">
    <div class="box">
        test
    </div>
</div>

css:

.grid_1 {
    width:100px;
    height:100px;
}
.box{
    border:1px solid red;
}

Answer 2

Tenho pensado a mesma coisa, tribunal.Eu sei que o tema wordpress HTML Bones usa tamanho de caixa e funciona muito bem.Não é compatível com o IE7 e versões anteriores, portanto, você precisará encontrar uma solução alternativa.Deixando de lado o IE7, eu diria que a resposta é sim.

editar: Encontrou a solução alternativa do IE7 http://code.google.com/p/ie7-js/ Funciona como um encanto!