Forum > XHTML / CSS > Connaitre la largeur d'un ecran
Connaitre la largeur d'un ecran
| Auteurs | Messages |
|---|---|
| Page : 1 | |
| # Posté le 31/10/2008 à 22h26 | |
Rang: membre |
Salut, j'aimerais savoir comment connaitre la largeur de l'écran de l'utilisateur afin d'adapter le width de mon CSS. Merci. Tchao! |
| # Posté le 31/10/2008 à 22h50 | |
Rang: administrateur |
Bonjour. Le problème que tu soulève ne semble pas pouvoir se résoudre de cette façon. Première il faut savoir qu'il n'existe pas de solution en HTML ou PHP pour connaître la résolution d'écran d'un visiteur (à ma connaissance). Mais en réalité, le véritablement problème viens du fait que même si tu connaissais la largeur d'écran de ton visiteur, tu ne pourrais pas "modifier" le fichier CSS. Certes, le CSS peut-être appelé directement dans la page HTML ou alors tu peux créer plusieurs fichier CSS différent pour chaque résolution d'écran. Mais honnêtement c'est engagé beaucoup de moyen pour pas grand chose. En effet, il faut aussi savoir qu'un visiteur peux modifier la taille de la fenêtre de son navigateur. Ce que je te suggère c'est d'utiliser des valeurs en pourcentage dans ton CSS pour que ton design s'adapte facilement aux différentes résolutions d'écran. Si tu veux vraiment connaitre la résolution d'écran, j'ai trouvé un script Javascript qui peut t'aider. Cordialement. Ma page préférée? Le dossier référencement qui présente une multitude d'informations utiles.
Sinon hors internet je suis développeur web PHP. |
| # Posté le 01/11/2008 à 01h12 | |
Rang: membre |
Bon je vais poser la question différemment. J'ai un Graphs de 1600 pixels de large et j'aimerais qu'il prenne tout l'écran (quelque soit la taille de l'écran). Comment faire? Tchao ![]() |
| # Posté le 01/11/2008 à 01h27 | |
Rang: administrateur |
Qu'est-ce que tu appel exactement un "Graphs"? C'est une image en fait? Cette image est appelé dans le HTML (cf: la balise <img alt="" src="" />) ou alors elle est appelé dans le CSS (cf: une image de fond)? Si c'est appelé dans l'HTML, il t'est possible d'utiliser l'attribut "width" du CSS en utilisant des pourcentages (comme je l'ai déjà dit). Pour que ça prenne tout l'écran tu a juste à indiquer: Code: width:100%; En revanche, si tu l'appel en tant qu'image de fond, là ça devient beaucoup plus compliqué et il n'y a pas vraiment de solution (mis à part ce que j'ai expliqué dans mon post précédent, mais ça ne semble pas vraiment simple). Sinon, dans le pire des cas il faut essayer de faire en sorte que l'image passe à peu près bien (même tronquée) sur les différentes résolutions d'écran. Ou alors tu redimensionne ton image en t'adaptant aux plus petites résolutions. J'espère que ça va pouvoir t'aider. Cordialement. Ma page préférée? Le dossier référencement qui présente une multitude d'informations utiles.
Sinon hors internet je suis développeur web PHP. |
| # Posté le 01/11/2008 à 03h19 | |
Rang: membre |
Ben en fait il s'agit d'une image de fond oui. Elle fait 1600 pixels de large. Je la met dans mon CSS avec un width: 100%; mais elle ne s'adapte pas à la résolution de l'écran, on voit juste le coté gauche de l'image, je ne sais comment faire! L'image est ici, en dessous du logo:http://hemoroids.eu/index2.php PJ ![]() |
| # Posté le 01/11/2008 à 12h13 | |
Rang: administrateur |
D'accord, merci pour le lien pour comprendre plus facilement et plus concrètement ton soucis. Comme je l'ai dit il n'y a pas de véritable solution lorsque l'image est appelé en fond. L'image actuelle est assez esthétique. Ce que je te suggère c'est de redimensionner l'image en plus petit et de la centrer. Cordialement. Ma page préférée? Le dossier référencement qui présente une multitude d'informations utiles.
Sinon hors internet je suis développeur web PHP. |
| # Posté le 02/11/2008 à 21h06 | |
Rang: membre |
Heu en fait quelqu'un m'a filé le truc pour centrer l'image: background-position:center; Voila Tchao ![]() |
| Page : 1 | |

