jb_gfx
Superactif
 Hors-Ligne
Sexe: 
Messages: 562
 
|
Pour ce genre de mise en page c'est trés (extremement) simple, tu fais ton design en 800 pixels de large maximum. Normallement on prevoi une taille legerement inférieur à 800, histoire que les barres de défillement rentre dans la page. Moi je prend 740 pixels, voir 760.
Ensuite tu centre ton design horizontalement dans la page (dans ton code HTML / CSS).
Imaginons que ton design soit conçu en 740 pixels de large et que tu veuille le centrer dans la page.
Tu englobe l'intégralité de ta page dans un bloc, je l'appelle ici "global", cela donne :
<body>
<div id="global">
ton code html ici
</div>
</body>
|
|
Puis le code CSS correspondant qui donne la largeur le centrage au bloc :
body {
margin: 0; /* mise à zéro des marges par défaut */
padding: 0; /* mise à zéro des marges par défaut */
text-align: center; /* centrage pour IE 5 */
}
div#global {
width: 740px;
margin: auto; /* centrage pour les navigateurs supportant correctement CSS2 */
text-align: left; /* rétabli l'alignement du texte*/
}
|
|
C'est tout, aprés à toi de prevoir ton graphisme et ta mise en page pour qu'elle fasse bien 740 pixels de large... |
Auteur 
