[HTML]En milieu de page?!
Résolu/Fermé
Wilbrod
Messages postés
24
Date d'inscription
mercredi 23 novembre 2005
Statut
Membre
Dernière intervention
21 octobre 2006
-
29 sept. 2006 à 17:37
Wilbrod Messages postés 24 Date d'inscription mercredi 23 novembre 2005 Statut Membre Dernière intervention 21 octobre 2006 - 3 oct. 2006 à 15:16
Wilbrod Messages postés 24 Date d'inscription mercredi 23 novembre 2005 Statut Membre Dernière intervention 21 octobre 2006 - 3 oct. 2006 à 15:16
A voir également:
- [HTML]En milieu de page?!
- Supprimer une page word - Guide
- Smartphone milieu de gamme - Guide
- Page d'accueil iphone - Guide
- Word numéro de page 1/2 - Guide
- Traduire une page web - Guide
3 réponses
Ssylvainsab
Messages postés
2884
Date d'inscription
samedi 29 juillet 2006
Statut
Modérateur
Dernière intervention
15 août 2020
825
29 sept. 2006 à 19:21
29 sept. 2006 à 19:21
Bonsoir.
Si la page a une largeur définie, il suffit d'appliquer le style "margin:auto;" a la balise <body>.
Beaucoup de webmaster font un design fixe, c'est a dire que la largeur du corps reste la même selon que l'on "agrandit" la fenêtre ou la résolution.
de cette facon, pas besoin de barre de défilement en 800x600.
Si tu veux une page de 800 pixels et centrée, il suffit de mettre dans ton fichier html :
Mais je trouve que c'est mieux de faire un design extensible en mettant des valeurs relatives :
Donnera une page qui prendra tout le largeur de la fenêtre quelle que soit la résolution ou la taille de la fenêtre.
Le mieux évidemment, c'est de mettre ca dans un fichier CSS.
Si la page a une largeur définie, il suffit d'appliquer le style "margin:auto;" a la balise <body>.
Beaucoup de webmaster font un design fixe, c'est a dire que la largeur du corps reste la même selon que l'on "agrandit" la fenêtre ou la résolution.
de cette facon, pas besoin de barre de défilement en 800x600.
Si tu veux une page de 800 pixels et centrée, il suffit de mettre dans ton fichier html :
<body style="width:800px;margin:auto;"
Mais je trouve que c'est mieux de faire un design extensible en mettant des valeurs relatives :
<body style"width:100%;">
Donnera une page qui prendra tout le largeur de la fenêtre quelle que soit la résolution ou la taille de la fenêtre.
Le mieux évidemment, c'est de mettre ca dans un fichier CSS.
Gihef
Messages postés
5150
Date d'inscription
mercredi 20 juillet 2005
Statut
Contributeur
Dernière intervention
20 février 2023
2 775
29 sept. 2006 à 20:24
29 sept. 2006 à 20:24
Bonjour,
Dans tes exemples, on peut constater deux manières de faire.
Ici, www.aliasdmc.fr/ ils ont fait ça :
Ils ont donc une largeur de “width:772px;” et ils appliquent “left: 50%;” et “margin-left:-386px;” la moitié de 772px.
Ici, www.tv.com/ ils ont fait ça :
Ils ont une largeur de “width:760px;” et des marges de 0 en haut et bas et automatiques en largeur “margin:0 auto;”. C'est centré.
Pour ma part, je trouve que c'est plus simple. Mais, voir css taille de la page
Dans tes exemples, on peut constater deux manières de faire.
Ici, www.aliasdmc.fr/ ils ont fait ça :
#blockcadre{
display: block;
width:772px;
background-color:#20272F;
background-image:url(../images/skin0/cadre_f.gif);
background-repeat:repeat-y;
overflow:visible;
/*overflow:-moz-scrollbars-none;*/
position:relative;
left: 50%;
margin-left:-386px;}
Ils ont donc une largeur de “width:772px;” et ils appliquent “left: 50%;” et “margin-left:-386px;” la moitié de 772px.
Ici, www.tv.com/ ils ont fait ça :
#maincolumn {
width:760px;
text-align:left;
margin:0 auto;
background-color:#FFF;
}
Ils ont une largeur de “width:760px;” et des marges de 0 en haut et bas et automatiques en largeur “margin:0 auto;”. C'est centré.
Pour ma part, je trouve que c'est plus simple. Mais, voir css taille de la page
Wilbrod
Messages postés
24
Date d'inscription
mercredi 23 novembre 2005
Statut
Membre
Dernière intervention
21 octobre 2006
3 oct. 2006 à 15:16
3 oct. 2006 à 15:16
Merci beaucoup!
