rt-content-bottom problème largeur width

[olivier06]

Bonjour tout le monde,

J'ai une différence de largeur entre mon rt-content-bottom et mon rt-content, ils ne sont pas bien alignés : http://www.foliocrea.com/ quelques pixels qui chatouillent mes yeux, une solution ?

Je suis sur le framework gantry

[ghazal]

Re : rt-content-bottom problème largeur width

Salut,
Avis perso : bien qu'étant moi-même assez maniaque sur les alignements de bloc, je trouve que le dépassement de rt-bottom par rapport à rt-content peut se justifier.

Je pars du principe que tu maitrises à peu près les mediaqueries.

Néanmoins, puisque c'est ta demande, un début de solution "quick and dirty":
dans gantry-custom.css
.rt-bottom, tu rajoutes un padding +-10px
puis
.rt-omega {width: 31 ou 32%}

puis, pour la version responsive (toujours en fin de css) :
@media only screen and (max-width: 480px){
.rt-omega{
max-width: 100%;
}
}

* je te donne des valeurs approximatives, à tester
* pour le responsive, je n'ai stylé QUE en @media only screen and (max-width: 480px), cad les smartphones
à titre d'exemple
il faudra probablement styler aussi pour tablettes
à tester

Tests faits à l'aide de Inspect element, la nouvelle console de Firefox 33.0.