Modifier margin-left avec jQuery

Fermé
Absot Messages postés 778 Date d'inscription mardi 28 octobre 2008 Statut Membre Dernière intervention 4 septembre 2020 - Modifié par Absot le 15/08/2011 à 22:39
Bonjour, je souhaiterais faire un margin-left et margin-right un peu à la facebook.

C'est à dire que quelque soit la largeur de la résolution de l'écran de l'utilisateur,le texte que je veux afficher soit toujours au même endroit.

par exemple, si la largeur de l'écran de l'utilisateur est de 1000px et que j'ai un texte à afficher de 700px, il faut que je fasse un margin-left et un margin-right de 150px ((largeur-700)/2) pour que mon texte soit centré et si jamais la largeur de l'écran de l'utilisateur est de 1 500px, il faut un margin-left et un margin-right de 400px.

Pour l'instant, mon code est de cette manière
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" > 
  <header> 
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> 
    <style type="text/css"> 
    body 
    { 
   
 } 
    </style> 
  </header> 
  <body> 
      <p>Texte</p>
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script> 
    <script type="text/javascript" language="javascript"> 
        var largeur = Math.round($('body').width()); 
        margin = (largeur-700)/2; // récupération de la largeur de l'écran 
 </script> 
  </body> 
</html> 


Que faut-il que je rajoute à mon code svp?


A voir également: