Quand j'utilise ton code :

Code:

margin : 3px auto 0;

J'ai bien mon tableau qui est centré mais les erreurs font reculer mon formulaire :

http://www.noelshack.com/2014-30-1406190179-sans-titre2.png

Or quand j'utilise mon bout de code, quand les erreurs s'affichent le formulaire ne bouge pas mais quand je modifie la taille de ma fenêtre, le formulaire se balade dans tous les sens.

Je pense que c'est mon code pour les erreurs qui n'est pas pratique :

Code:

$(document).ready(function(){    $("#formulaire").validate({       rules:       {          nom:          {             required: true,          },          prenom:          {             required: true,          },       },              messages:       {          nom:          {             required: "   Le champ 'Nom' n'est pas rempli correctement.",          },          prenom:          {             required: "   Le champ 'Prénom' est requis",          },       }    }); });

J'utilise cette librairie :

http://jqueryvalidation.org/

Pourrais tu me donner un exemple de la manière dont tu aurais affiché les erreurs avec le css seulement sur jsfiddle stp ?

Ca fait plaisir de voir que t'as pas encore abandonné, j'ai cru que t'allais laisser tomber, à un moment ^^

Voilà un petit bout de code.
C'est un peu sale, mais ça marche.
Niveau css, faudrait retravailler un peu
Niveau javascript, faudrait rajouter 1 ou 2 fonctions, au lieu de répéter plusieurs fois el même code.

http://jsfiddle.net/BEpzq/64/

En gros l'idée, c'est d'ajouter en margin interne égal à la moitié de l'espace supplémentaire pris par le message d'erreur.

Mais sinon avec un tableau ou un alignement gauche, ça n'aurait pas posé de soucis.

Oui si je met mon formulaire à gauche je n'est pas ce problème là mais j'ai besoin qu'il soit au milieu.

Dans le lien que tu m'as donné, quand je soumet le formulaire sans remplir les champs rien ne se produit

Firefox

Edit : Sous IE ça marche

Quand je fais un copier coller du code, j'ai aucun message d'erreur qui s'affiche ni sur firefox ni sur IE 

Tu bosses en local ou sur un serveur déjà ?
Ha mais, je ne sais pas si tu as remarqué, mais j'ai utilisé du jquery hein.
Il faut, si ce n'est pas fait, que tu récupère le fichier jquery :

http://code.jquery.com/jquery-1.11.1.min.js

Cette version est meilleure que la 2 dans le sens de la compatibilité.
Si tu ne t'intéresse pas à la compatibilité IE 6 à 8, tu peux prendre cette version là :

http://code.jquery.com/jquery-2.1.1.min.js

(dans ce second cas, faudra développer un petit bout de js pour bloquer ie 6 à 8 sur ton site)
Mais le premier lien conviendra tout à fait.

Ha bah si tu bosses sur serveur, tu peux me donner l'url du site sur lequel tu bosses ? Je pourrais peut-être mieux comprendre pourquoi ça ne marche pas ^^

Par ailleurs, pense à mettre le javascript et le css toujours au-dessus du html (généralement dans le header) autant que possible. C'est peut-être ça qui te fais buguer.

en outre, pour être aux normes, la balise <script> doit être renseignée comme ceci :
<script type="text/javascript">

</script>
(idem pour le css : <style type="text/css"> </style>)