PB Adapter site - différentes résolutions
Résolu
bfboba
-
arthezius Messages postés 3538 Date d'inscription Statut Membre Dernière intervention -
arthezius Messages postés 3538 Date d'inscription Statut Membre Dernière intervention -
Bonjour,
j'ai beau chercher sur la toile et trouver des bouts de réponses, je ne réussis pas à adapter mon site aux différentes résolutions d'écrans...
Je m'explique, sur mon écran (1600x900) pas de souci, mais dès que je regarde avec d'autres résolutions c'est la cata:
- site pas centré
- apparaît en très gros
J'ai lu qu'il fallait adapter les différentes taille des parties DIV et convertir les px en %. Mais je n'ai pas trop bien compris où le faire : Dans le CSS ? ou sur mes différentes pages php ?
Et quid des images importées ? elles ont un taille définie, donc comment faire pour qu'elles s'adaptent également ?
L'idéal je pense serait de tout "shrinker" mais bon... je ne sais pas faire.
Avez-vous des propositions ?
Merci
j'ai beau chercher sur la toile et trouver des bouts de réponses, je ne réussis pas à adapter mon site aux différentes résolutions d'écrans...
Je m'explique, sur mon écran (1600x900) pas de souci, mais dès que je regarde avec d'autres résolutions c'est la cata:
- site pas centré
- apparaît en très gros
J'ai lu qu'il fallait adapter les différentes taille des parties DIV et convertir les px en %. Mais je n'ai pas trop bien compris où le faire : Dans le CSS ? ou sur mes différentes pages php ?
Et quid des images importées ? elles ont un taille définie, donc comment faire pour qu'elles s'adaptent également ?
L'idéal je pense serait de tout "shrinker" mais bon... je ne sais pas faire.
Avez-vous des propositions ?
Merci
A voir également:
- PB Adapter site - différentes résolutions
- Site de telechargement - Accueil - Outils
- Site comme coco - Accueil - Réseaux sociaux
- Quel site remplace coco - Accueil - Réseaux sociaux
- Site x - Guide
- Site pour vendre des objets d'occasion - Guide
2 réponses
En général, on se base sur une résolution en 1024x768px.
Le test simple à faire pour se rendre compte de ce que ça peut donner sur différentes résolution c'est de rédimentionner la fenêtre de ton navigateur.
L'idéal est de faire un site en largeur fixe de le centrer.
La solution la plus simple est de placer toute la page dans un div container.
HTML
CSS
Le test simple à faire pour se rendre compte de ce que ça peut donner sur différentes résolution c'est de rédimentionner la fenêtre de ton navigateur.
L'idéal est de faire un site en largeur fixe de le centrer.
La solution la plus simple est de placer toute la page dans un div container.
HTML
<div id="container"> ## code la page ## </div>
CSS
div#container{width:900px;margin:0px auto;}
Merci arthezius,
je viens de faire ce que tu m'as dit et donc le site est centré :)
Mais comment puis-je faire pour le redimensionner - notamment pour les images ?
Faut-il que je modifie tous les dimensions à la main ? en convertissant les pixels en % ?
Et pour ce qui est des images ?
En tout cas, merci pour ton aide
je viens de faire ce que tu m'as dit et donc le site est centré :)
Mais comment puis-je faire pour le redimensionner - notamment pour les images ?
Faut-il que je modifie tous les dimensions à la main ? en convertissant les pixels en % ?
Et pour ce qui est des images ?
En tout cas, merci pour ton aide
