Adapter mon site à la résolution d'écran
espoirslageneytouse
Messages postés
4
Date d'inscription
Statut
Membre
Dernière intervention
-
-nOg- Messages postés 16 Date d'inscription Statut Membre Dernière intervention -
-nOg- Messages postés 16 Date d'inscription Statut Membre Dernière intervention -
Bonjour,
Voila j'ai creer un site grace a un site qui me l'héberge gratuitement.
Mes page ont une largeur de 1250 pixels.
Hors, sur mon ordinateur (résolution de : 1280 x 768) mon site s'affiche pil poil en largeur.
En revanche, sur un ordinateur avec une meilleure résolution, j'ai des bandes blanches sur le coté, et sur un ordinateur avec une faible résolution, il y a une barre de défilement, le site est visible qu'à moitié.
Cela me gene. Comment faire pour que ma largeur de mon site s'adapte à la résolution d'écran du visiteur ?
Merci
Voila j'ai creer un site grace a un site qui me l'héberge gratuitement.
Mes page ont une largeur de 1250 pixels.
Hors, sur mon ordinateur (résolution de : 1280 x 768) mon site s'affiche pil poil en largeur.
En revanche, sur un ordinateur avec une meilleure résolution, j'ai des bandes blanches sur le coté, et sur un ordinateur avec une faible résolution, il y a une barre de défilement, le site est visible qu'à moitié.
Cela me gene. Comment faire pour que ma largeur de mon site s'adapte à la résolution d'écran du visiteur ?
Merci
A voir également:
- Adapter mon site à la résolution d'écran
- Site de telechargement - Accueil - Outils
- Site comme coco - Accueil - Réseaux sociaux
- Double ecran - Guide
- Quel site remplace coco - Accueil - Réseaux sociaux
- Ecran a l'envers - Guide
7 réponses
si tu veux vraiment avoir un site qui s'adapte a tous les écrans (smartphone, tablettes, PC toutes tailles), il te faut faire un design RESPONSIVE .
Sinon tu peux gérer ça en CSS.
ou alors avec un javascript, savoir quel taille d'écran utilise ton visiteur et adapter ton site -> https://www.websitepolicies.com
Ce sont des solutions complexes, mais je n'en connais pas d'autres. (sinon le site en %, avec un background en % et un patch IE7 -)
un lien aiderai.
Sinon tu peux gérer ça en CSS.
ou alors avec un javascript, savoir quel taille d'écran utilise ton visiteur et adapter ton site -> https://www.websitepolicies.com
Ce sont des solutions complexes, mais je n'en connais pas d'autres. (sinon le site en %, avec un background en % et un patch IE7 -)
un lien aiderai.
Comment on fait en CSS ?
ou alors
Comment on fait avec le site en % ? j'avais vu qu'il falait mettre un tableau mais je ne comprend pas
ou alors
Comment on fait avec le site en % ? j'avais vu qu'il falait mettre un tableau mais je ne comprend pas
Regarde du côté de cet article / tutorial :
https://www.alsacreations.com/astuce/lire/1216-arriere-plan-background-extensible.html
sinon un lien vers ton site, et je te donnerais la solution la plus "envisageable" pour toi.
https://www.alsacreations.com/astuce/lire/1216-arriere-plan-background-extensible.html
sinon un lien vers ton site, et je te donnerais la solution la plus "envisageable" pour toi.
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
Quand je code un site comme le tiens, je le fait en 968 px de large afin qu'il soit adaptable a tous les écrans (d'ordinateurs), et ensuite je met un beau "background" qui viens couvrir le fond.
C'est ce que je te conseil de faire, avec le tutorial que je t ais passé pour le fond.
ça permet sans trop ce casser la tête de faire un site joli et adaptable.
Mais un peu petit je te l'accorde.
sinon, met déjà dans tes CSS
body {background-color:#f0f0f0;}
et le fond blanc disparaîtra.
tu peut mettre une largeur de 80% pour ton tableau principal aussi, cela permettra une petite adaptabilité, mais l'entête paraîtra plus petite.
C'est ce que je te conseil de faire, avec le tutorial que je t ais passé pour le fond.
ça permet sans trop ce casser la tête de faire un site joli et adaptable.
Mais un peu petit je te l'accorde.
sinon, met déjà dans tes CSS
body {background-color:#f0f0f0;}
et le fond blanc disparaîtra.
tu peut mettre une largeur de 80% pour ton tableau principal aussi, cela permettra une petite adaptabilité, mais l'entête paraîtra plus petite.
si, mais c'est un niveau de programmation un peu costaux.
https://www.websitepolicies.com > head.js > Screen size detector
ou utiliser un cms genre wordpress et prendre un template responsive.
si quelqu'un connais des trucs plus simples, ..., moi non.
https://www.websitepolicies.com > head.js > Screen size detector
ou utiliser un cms genre wordpress et prendre un template responsive.
si quelqu'un connais des trucs plus simples, ..., moi non.