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
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21 <!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?
Partager