Largeur de la page
Par Kozlika, dimanche 6 novembre 2005 à 08:02 :: Personnalisations :: #3 :: rss
Un article en trois parties pour modifier à vos souhaits la largeur qu'occupe la page dans la fenêtre du navigateur et quelques recommandations si vous souhaitez apporter des modifications sur les largeurs des blocs intérieurs.
Dans cet article :
- Modifier la largeur d'une structure fluide
- Modifier la largeur d'une structure fixe
- Les autres largeurs
Avec une structure fluide
Vous pouvez jouer sur le pourcentage de la fenêtre qu'occupe la page en largeur. Cherchez dans style.css les lignes :
#page {
width : 90%;
et modifiez la valeur de width en restant en pourcentage pour conserver la fluidité.
Note : une valeur de 100% affichera la page sur toute la largeur du navigateur.
Avec une structure fixe
Vous pouvez jouer sur la largeur de la page en cherchant dans style.css les lignes :
#page {
width : 740px;
et en modifiant 740px par la valeur que vous souhaitez. Attention à cette largeur : 740px est la valeur approximative qui permet d'afficher toute la largeur de la page sur les écrans à partir de 15 pouces (on considère que l'internaute ne met jamais son navigateur en plein écran). Si vous augmentez cette valeur soyez conscients que vous gênerez une bonne partie de vos visiteurs.
Les largeurs du menu latéral et de l'espace des billets
Vous pourrez affiner votre mise en page en opérant des variations sur les largeurs du menu latéral (sidebar) et de la partie des billets (content). Aidez-vous de la lecture des commentaires apposés dans la feuille de style pour respecter les contraintes imposées lors de tels changements.
