Blueprint CSS boxes

Je suis actuellement en train de tester Blueprint pour créer la mise en page d'un site. Jusqu'à présent, tout s'est bien passé, mais maintenant, j'ai un problème. Je me demande s'il existe une solution élégante.Blueprint CSS boxes

J'utilise la disposition des colonnes par défaut 24 et une situation où je voudrais faire quelque chose de similaire à:

<div class="span-8 box">..</div> 
<div class="span-8 box">..</div> 
<div class="span-8 box last">..</div>

Le problème est que la boîte de classe ajoute un rembourrage qui provoque les trois div de ne pas s'intégrer dans les 24 colonnes. Une "solution" consiste à utiliser span-7 à la place pour les trois, mais cela ne remplit pas toute la largeur.

Des idées?

Source

2010-10-25 kfuglsang

Tout le monde sait ce plan directeur est, des liens vers un exemple en direct de votre problème et le site Web du Plan directeur nous aiderait beaucoup :) – Kyle

vrai. Malheureusement, je suis assis dans un café en ce moment, donc je ne peux pas le mettre en ligne pour que quelqu'un puisse le voir. Ce que je voulais dire par une solution élégante est cependant celle qui utilise les capacités du framework CSS Blueprint. – kfuglsang

Eh bien, vous pouvez utiliser un site comme jsFiddle pour mettre en place un exemple temporaire pour nous de voir :) – Kyle

Vous pouvez utiliser la classe de cette façon:

<div class="span-8"> 
    <div class="box">..</div> 
</div> 
<div class="span-8"> 
    <div class="box">..</div> 
</div> 
<div class="span-8 last"> 
    <div class="box">..</div> 
</div>

Source

2010-12-21 16:13:12 Nico

Vous pouvez modifier la règle css "Span-7":

... 
.span-7 {width:274px;} 
...

Et changer les divs à "durée 7".

chose la plus simple que je pouvais penser :)

jsFiddle example.

Source

2010-10-25 13:07:18 Kyle

Je sais que c'est une solution, mais ce n'est vraiment pas ce que je veux. Je ne veux pas changer quoi que ce soit du framework Blueprint si je peux l'éviter. – kfuglsang

Blueprint CSS boxes

Répondre

Questions connexes