Detecter la résolution du moniteur pour charger une page adaptée - HTML/CSS - Programmation
Marsh Posté le 08-09-2004 à 01:02:51
eternity_78 a écrit : |
C'est le rôle de JavaScript de dire ça.
eternity_78 a écrit : |
Oui c'est possible. Mais ce genre de technique est un peu dépassée, le mieux étant encore d'avoir un design qui s'adapte à toutes les résolutions (ou du moins, qui ne se dégrade que légèrement pour les résoutions extrèmes, du genre 640x480 ou 2048x1536)
eternity_78 a écrit : |
C'est normal, ces sites sont orientés vers les standards du Web et qui dit standards dit le moins de limitations possibles quant à la manière de visualiser un site. Or toi tu introduis une contrainte (il faut telle ou telle résolution)
Marsh Posté le 08-09-2004 à 09:37:33
Dac avec Super, ya que le JS pour faire ça, ce sont des infos sur le client --> seul un langage coté client peux les récupérer.
Dac encore avec Super, il vaut mieux que tu ne fasse qu'une seule version qui "passe-partout" (le speudo-frame est très bien pour ça), moins de boulot et en plus, il est tjs possible au client de désactiver JS --> ton truc ne marchera pas dans ce cas là...
Marsh Posté le 08-09-2004 à 14:24:59
Salut à tous
Personnellement pour palier à ce genre de problème (et surtout car je ne connais pas le Javascript ) mes pages sont faites, grâce au CSS, avec des tailles en % afin de positionner au mieux les éléments de la page (logo, menus, texte, etc...) quelquesoit la résolution d'écran.
Voir ici -> http://divxtutos.site.voila.fr/index.html
Mais il est vrai qu'en dessous de 800*600 certains éléments tel que le menu horizontal ou le logo ne s'afficheront pas correctement.
Marsh Posté le 08-09-2004 à 18:51:27
en 800x600 mon site va vraiment etre trop petit, c'est pour cela que je voulais faire une version "mini".
Je n'ai pas trop envie de reduire mon site "standard" au risque de perdre en qualité
Je crois que je vais laisser tomber le 800x600. De toute facon il n'y a plus grand monde qui navigue avec d'aussi petite résolution.
Marsh Posté le 08-09-2004 à 19:53:40
tu plaisantes ? c'est une résolution encore très utilisée
Marsh Posté le 08-09-2004 à 20:40:14
a ce point ?
Je pense que je vais juste rajouter un chti lien en premiere page pour un acces au site en 800x600. Ca sera plus simple car le flash
Marsh Posté le 08-09-2004 à 20:45:21
eternity_78 a écrit : a ce point ? |
~30% :
http://www.w3schools.com/browsers/browsers_stats.asp
Marsh Posté le 08-09-2004 à 22:14:05
Pour répondre à te question voici le script Javascript:
screen.width et screen.height, ce sont des entiers... Un exemple si tu veux
Code :
|
Mais bon comme dis plus haut, je ne te le recommende pas...
Marsh Posté le 08-09-2004 à 23:25:46
je vais éssayé de creuser un peu la question avant de prendre une decision.
merci quand meme
Marsh Posté le 09-09-2004 à 09:37:31
un bon article sur comment faire un design qui s'adapte à la résolution
http://www.pompage.net/pompe/designelastique/
Marsh Posté le 09-09-2004 à 09:55:27
eternity_78 a écrit : je vais éssayé de creuser un peu la question avant de prendre une decision. |
Tu peux toujours creuser, ça te fera du bien pour apprendre un peu de JS, mais sérieusement, la solution du JS pour adapter ton site est une solution de merde.
Autre chose :
Une résolution de 800/600, 1024/768 etc... ça n'existe pas. Du moins la hauteur. Personne n'a la même hauteur dans son navigateur, à cause des barres d'outils, de barre google ou autre...
Pour ceux qui ont des hautes résolutions (1600/1200 par exemple) ou qui sont en bi-écran comme moi, la notion de largeur n'a pas plus de sens, on se fait nous même notre propre résolution, généralement du 1000 quelque chose sur du 600 quelque chose...
Bref, il n'y a que deux solutions :
- Un site qui fait 760 de large (768 max) avec une hauteur indéfinie.
- Un site dont les valeurs sont exprimées en %.
La deuxième solution est plus adaptée à des sites à tres grand contenu comme un forum, alors que la première est préférable pour un site de présentation.
Marsh Posté le 07-09-2004 à 22:48:05
Qui pourrait me dire si en html/CSS il est possible de detecter la résolution du moniteur de celui qui regarde la page afin de charger une page adapter a son écran ?
En gros je fais un site optimisé 1024x768, mais pour que meme les utilisateur en 800x600 puissent naviguer confortablement, je voudrais réaliser une version "mini" du site, adapté au 800x600. Le site serait charger normalement (en 1024x768) sur les écran ayant une résolution egale ou superieur et la version "mini" serait chargé pour les utilisateur en 800x600.
C'est possible ou non ?
J'ai éssayé de chercher un peu sur le forum et sur des site de programmation (openweb, alsacreations) mais je trouve pas
Message édité par eternity_78 le 07-09-2004 à 22:53:29