Se connecter avec
S'enregistrer | Connectez-vous

affichage pages web sur différentes tailles d'écrans

Dernière réponse : dans Programmation

Bonjour !!!
Voilà j'ai créé un site et le problème c'est que les pages web ne s'adaptent pas aux différentes taille d'écrans. Elle passent bien sur les édcrans 17 pouces, c'est sur un 17 pouce que je l'ai crée.
Si quelqu'un peut me dire comment on fait pour que les pages s'adaptent ???
Merci.
(C'est moi qui est taper le code html à la main)
Lassé par la pub ? Créez un compte

Hello,

A la base ce n'est pas un problème de taille d'écran mais de résolution d'affichage. Avec un 17 pouces tu peux très bien te retrouver avec une résolution de 800x600 comme 1280x1024.

Maintenant il y a 2-3 manières d'aborder le problème:

-Soit choisir de garder une largeur fixe au contenu de ton site (typiquement une largeur d'environ 750pixels) que ton site soit consultable sans scrolling horizontal même en basse résolution. Tu mets tout le contenu de ton site dans un conteneur fixé à 750px, tu choisis de le centrer ou de le laisser à gauche et tu as l'assurance qu'il ne bougera pas et qu'il aura toujours la même présentation.

-Soit tu optes pour un site fluide, c'est à dire qu'il s'étire pour prendre tout l'écran. Il faudra alors réfléchir quelles parties du site doivent s'élargir ou rester de largeur fixe (définir en % ou px), faire attention aux variations graphiques que cela peut engendrer et penser aussi qu'un texte qui s'étend sur de longues lignes est moins agréable à lire que plus condensé.

Il y a aussi le design élastique qui va réagir en fonction de la taille des caractères, mais je te laisse faire une recherche pour plus de détails :-)
Lassé par la pub ? Créez un compte
Tom's guide dans le monde