Hola !

Je découvre le framework Knacss qui me sert de soft reset et de grille .

J'ai tenté de définir une grille et de la centrer dans un container 100% "promo-home". A ma grande surprise je n'y parviens pas en faisant :


<div class="promo-home">
     <div class="grid-2 w960p center">
          <div class="promo-home--revue"></div>
          <div class="promo-home--liens"></div>
     </div>
 </div>


Et je ne dois ajouter un "vilain" div au dessus :


<div class="promo-home">
     <div class="center">
          <div class="grid-2 w960p">
               <div class="promo-home--revue"></div>
               <div class="promo-home--liens"></div>
          </div>
     </div>
</div>


Savez-vous pourquoi ou bien si je fais une erreur ?

D'avance merci Smiley cligne

Bien à vous.
Et en déplaçant les classes w960p et center sur la div englobant ta grille ?

<div class="promo-home w960p center">
     <div class="grid-2">
          <div class="promo-home--revue"></div>
          <div class="promo-home--liens"></div>
     </div>
 </div>
Administrateur
eriicj a écrit :
Et en déplaçant les classes w960p et center sur la div englobant ta grille ?[/code]

Bonjour,

C'est effectivement la meilleure méthode à suivre, car par défaut les grilles disposent d'un "margin-left: -1em;" afin d'englober les gouttières de leurs enfants. Ce margin-left écrase le margin: auto qui servirait à la centrer.
Merci eriicj et Raphael !

Au passage Raphael : un grand merci pour Knaccs et pour le reste ! Smiley cligne

C'est noté pour le "margin-left: -1em" qui écrase le "margin:auto" du centrage. Par contre mon "promo-home" doit faire 100% de l'écran. Donc j'ai aménagé l'html ainsi :


<section class="promo-home clear">
	    <div class="w960p center">
	    	<div class="grid-2">
	    		<div class="promo-home--revue"></div>
			<div class="promo-home--liens">x</div>
	    	</div>
	    </div>
</section>


Visuellement cela fonctionne mais il y a-t-il moyen de "l'optimiser" en réduisant le nombre de div ou est-ce correct ?

Merci,
Bien à vous.