Taille de page
Fermé
finette35
-
12 sept. 2011 à 15:59
Mihawk Messages postés 4313 Date d'inscription mercredi 29 mars 2006 Statut Contributeur Dernière intervention 6 janvier 2015 - 13 sept. 2011 à 15:10
Mihawk Messages postés 4313 Date d'inscription mercredi 29 mars 2006 Statut Contributeur Dernière intervention 6 janvier 2015 - 13 sept. 2011 à 15:10
A voir également:
- Taille de page
- Supprimer une page word - Guide
- Comment réduire la taille d'un fichier - Guide
- Page d'accueil iphone - Guide
- Word numéro de page 1/2 - Guide
- Traduire une page web - Guide
2 réponses
theshadoo
Messages postés
786
Date d'inscription
samedi 26 mai 2007
Statut
Membre
Dernière intervention
3 mai 2016
123
12 sept. 2011 à 19:16
12 sept. 2011 à 19:16
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
Mihawk
Messages postés
4313
Date d'inscription
mercredi 29 mars 2006
Statut
Contributeur
Dernière intervention
6 janvier 2015
845
13 sept. 2011 à 15:10
13 sept. 2011 à 15:10
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 !!
