Adapter mon site à la résolution d'écran Fermé

Question

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



Configuration: Windows Vista / Internet Explorer 9.0

espoirslageneytouse · Accepted Answer

Merci.

Il n'y a donc aucun moyen qu'il soit adaptable pour toutes les résolutions ?

-nOg- · Answer

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.

espoirslageneytouse · Answer

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

-nOg- · Answer

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.

espoirslageneytouse · Answer

http://www.espoirslageneytouse.com

-nOg- · Answer

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.

-nOg- · Answer

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.

Adapter mon site à la résolution d'écran

7 réponses

Discussions similaires