Forum > XHTML / CSS > Connaître la largeur d'un écran

Connaître la largeur d'un écran

ok Le problème posé sur ce sujet a été résolu.
avatar de stc
Membre
# Le 31/10/2008 à 22h26
Salut, j'aimerais savoir comment connaitre la largeur de l'écran de l'utilisateur afin d'adapter le width de mon CSS. Merci.
Tchao!
avatar de Tony_
Administrateur
# Le 31/10/2008 à 22h50
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.
N'hésitez pas à consulter le dossier référencement. smiley
Sinon hors internet je suis développeur web PHP.
avatar de stc
Membre
# Le 01/11/2008 à 01h12
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 smiley smiley
avatar de Tony_
Administrateur
# Le 01/11/2008 à 01h27
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.
N'hésitez pas à consulter le dossier référencement. smiley
Sinon hors internet je suis développeur web PHP.
avatar de stc
Membre
# Le 01/11/2008 à 03h19
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 smiley smiley smiley smiley
avatar de Tony_
Administrateur
# Le 01/11/2008 à 12h13
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.
N'hésitez pas à consulter le dossier référencement. smiley
Sinon hors internet je suis développeur web PHP.
avatar de stc
Membre
# Le 02/11/2008 à 21h06
Heu en fait quelqu'un m'a filé le truc pour centrer l'image:
background-position:center;
Voila Tchao smiley