28172 sujets

CSS et mise en forme, CSS3

Bonsoir,

Cela fait plusieurs heures que j'essaye en vain de comprendre le problème auquel je suis confronté.

Voici le site tout d'abord : http://www.aidantattitude.fr/

Sous l'article principal se trouve 6 résumés d'articles disposés en 2 lignes de 3.

Or, si la page s'affiche correctement sous mes différents navigateurs -notamment FF- sous Chrome j'ai un léger décallage sous Chrome avec le 3ème article de la première ligne (actuellement "Santé des aidants"). Il chasse vers le bas et n'est donc pas aligné avec l'article juste à gauche ("Avez-vous vu votre medecin?".

Je comprends d'autant moins que l'article juste en-dessous de ce vilain petit canard comporte la même css mais celui-ci n'a pas ce décallage.

Bref je patauge et un petit coup de main ne serait pas de refus.

Merci d'avance Smiley cligne
Bonsoir onirisweb.

J'ai jeté un coup d’œil rapide et il me semble que vous avez un bloc vide qui peut-être la cause de cette perturbation.
<div class="post" id="post-9017"></div>
Il se trouve juste au-dessus de votre troisième article référencé par :
<div class="griditenright"></div>
Il se peut que la différence vienne d'une marge ou d'un padding mal positionné.
D'ailleurs quand je clique sur ce div (le post-9017), au travers de fireburg, je ne retrouve pas les propriétés CSS associés à cela.
Que ce passe-t-il si vous supprimer le div id="post-9017" qui n'a pas de raison d'être ?

@+
Modifié par tournikoti (03 Oct 2013 - 23:16)
Un super merci pour cette piste.

En fait, cette page est un template particulier -sous Wordpress pour ceux qui n'auraient pas compris - que j'avais programmée à partir d'un archétype (usant du php et de la css).

C'est un bout de code de cet archetype que je n'utilisais pas et que j'avais oublié d'effacer, et qui appelait une zone vide.

C'est donc effacé et par conséquent exit le décallage ! Smiley cligne
Hé, hé [résolu]* donc !

*(édition du premier post, rajout du tag résolu dans le titre du sujet)
Merci Smiley cligne