Taille de page
finette35
-
Mihawk Messages postés 4315 Date d'inscription Statut Contributeur Dernière intervention -
Mihawk Messages postés 4315 Date d'inscription Statut Contributeur Dernière intervention -
Bonjour,
J'ai réalisé un site . Lorsqu'on visualise les pages sur un écran 17", la page occupe tout l'écran. Y a t'il un moyen pour qu'elle garde la taille d'une feuille centrée sur l'écran. Si quelqu'un peut m'aider, un grand merci
J'ai réalisé un site . Lorsqu'on visualise les pages sur un écran 17", la page occupe tout l'écran. Y a t'il un moyen pour qu'elle garde la taille d'une feuille centrée sur l'écran. Si quelqu'un peut m'aider, un grand merci
A voir également:
- Taille de page
- Comment réduire la taille d'un fichier - Guide
- Impossible de supprimer une page word - Guide
- Reduire taille image - Guide
- Afficher taille dossier windows - Guide
- Imprimer tableau excel sur une page - Guide
2 réponses
tu peux mettre dans la div conteneur la plus haute (tout dépend de ton design)
exemple si c'est le body qui est la plus haute et qu'il n'y a pas d'images attaché au body:
body {
width: 980px;
margin: 0 auto;
}
tu places une taille à ton site complet tout simplement.
le margin auto va permettre de centre ton site c'est tout.
980px c'est une taille moyenne en rapport au standard des écrans, cela peut être un peu moins mais si c'est un peu plus les petits écrans de résolutions inférieurs auront une scrollbar horizontale sur le bas
exemple si c'est le body qui est la plus haute et qu'il n'y a pas d'images attaché au body:
body {
width: 980px;
margin: 0 auto;
}
tu places une taille à ton site complet tout simplement.
le margin auto va permettre de centre ton site c'est tout.
980px c'est une taille moyenne en rapport au standard des écrans, cela peut être un peu moins mais si c'est un peu plus les petits écrans de résolutions inférieurs auront une scrollbar horizontale sur le bas
Pour compléter l'explication de theshadoo :
Chaque élément de ton site possède une taille (largeur et hauteur). Tu peux exprimer leurs valeurs avec différentes unités, les plus courantes étant le pixel (px) et le pourcentage (%).
Le pourcentage va te permettre de fixer la taille d'un élément en fonction de la taille de son parent. Par exemple si ta balise <body> fait 50% de large (width:50%) alors elle fera 50% de la largeur de l'écran de l'internaute. Une balise <div> également de taille 50% placé dans le body fera... 50% des 50% du body, donc un quart de la taille de l'écran de l'internaute...
C'est ce qu'on appelle les tailles relatives.
Pour que ton site aie une largeur fixe, il faut que son plus grand conteneur (le body) aie une taille fixe (width:1024px par exemple). La taille des pixels ne dépend pas des écrans ! Une fois que ce conteneur a une taille fixe, tu peut mettre dedans ce que tu veux : des tailles fixes ou relatives ; peu importe puisque dans tous les cas ça ne dépassera par la largeur du body (sauf si tu mets 110% par exemple !).
Résumé : fixe la largeur du body avec une taille en pixels et ça roulera !!
Chaque élément de ton site possède une taille (largeur et hauteur). Tu peux exprimer leurs valeurs avec différentes unités, les plus courantes étant le pixel (px) et le pourcentage (%).
Le pourcentage va te permettre de fixer la taille d'un élément en fonction de la taille de son parent. Par exemple si ta balise <body> fait 50% de large (width:50%) alors elle fera 50% de la largeur de l'écran de l'internaute. Une balise <div> également de taille 50% placé dans le body fera... 50% des 50% du body, donc un quart de la taille de l'écran de l'internaute...
C'est ce qu'on appelle les tailles relatives.
Pour que ton site aie une largeur fixe, il faut que son plus grand conteneur (le body) aie une taille fixe (width:1024px par exemple). La taille des pixels ne dépend pas des écrans ! Une fois que ce conteneur a une taille fixe, tu peut mettre dedans ce que tu veux : des tailles fixes ou relatives ; peu importe puisque dans tous les cas ça ne dépassera par la largeur du body (sauf si tu mets 110% par exemple !).
Résumé : fixe la largeur du body avec une taille en pixels et ça roulera !!