[HTML]En milieu de page?!
Résolu
Wilbrod
Messages postés
24
Date d'inscription
Statut
Membre
Dernière intervention
-
Wilbrod Messages postés 24 Date d'inscription Statut Membre Dernière intervention -
Wilbrod Messages postés 24 Date d'inscription Statut Membre Dernière intervention -
Bonjour à tous,
J'ai besoin de vous pour m'expliquer quelques trucs. Si vous aller voir le site suivant http://www.tv.com ou encore www.aliasdmc.fr/ vous pourrez constater que le site est fait d'une telle façon que le contenu est centré au milieu de la page. Je désire donc reproduire la même forme pour mon site.
En analysant la source, je n'ai pas trouvé comment cela était fait. Biensûr je suis un débutant dans le domaine, alors j'aimerais que vous m'expliquier et me renseigner.
Merci d'avance
Wilbrod
J'ai besoin de vous pour m'expliquer quelques trucs. Si vous aller voir le site suivant http://www.tv.com ou encore www.aliasdmc.fr/ vous pourrez constater que le site est fait d'une telle façon que le contenu est centré au milieu de la page. Je désire donc reproduire la même forme pour mon site.
En analysant la source, je n'ai pas trouvé comment cela était fait. Biensûr je suis un débutant dans le domaine, alors j'aimerais que vous m'expliquier et me renseigner.
Merci d'avance
Wilbrod
A voir également:
- [HTML]En milieu de page?!
- Impossible de supprimer une page word - Guide
- Editeur html - Télécharger - HTML
- Mettre google en page d'accueil - Guide
- Traduire une page en français - Guide
- Numéro de page word - Guide
3 réponses
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.
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
