Forum Développeur - Administration serveur, programmation et base de données

Version complète : Centré le site en CSS

Forum Développeur - Administration serveur, programmation et base de données > Programmation > xHTML et CSS

Zamster

Jan 20 2005, 10:57 AM

Bonjour,
J'ai un probleme avec un site. Je voudrai que le design soit centré mais je ne reussi pas. Il est collé a gauche de l'écran...
Voici ma feuille de style :

CODE

body {

background-color : #A3A3A3;

font-family : verdana;

font-size : 10px;

color : #000000;

margin : 0px;

margin-left:auto;

margin-right:auto;

width :800px;

background-image : url("images/site/fond.gif");

background-repeat : repeat-y;

}

#conteneur {

margin : 0px 0px 0px 17px;

width : 768px;

background-color : #E5E5E5;

}

.spacer_header {

width : 800px;

background-image : url("images/site/barre_header.gif");

}

.spacer_menu {

width : 800px;

height : 26px;

background-image : url("images/site/barre_menu.gif");

}

.spacer_contenu2 {

text-align: center;

padding-top: 4px;

width : 800px;

height : 25px;

background-image : url("images/site/barre_contenu.gif");

}

.menuhorizontal {

margin-left : 17px;

padding-top : 7px;

width : 768px;

height : 26px;

background-image : url("images/site/fond_menu.gif");

}

.espace {

width : 1px;

}

.menu {

border-style:solid;

border-width:1px;

border-color:#CACACA;

width : 17%;

font-size : 12px;

vertical-align: top;

}

.titre {

display:block;

margin : 0px 0px 0px 0px;

padding-left: 5px;

color:#777777;

font-size : 10px;

font-weight: bold;

width: 99%;

background-image: url(images/site/fond_p.gif);

}

.titremenu {

display:block;

margin : 0px 0px 0px 0px;

padding-left: 5px;

color:#000000;

font-size : 13px;

font-weight: bold;

width: 95.1%;

background-image: url(images/site/fond_p.gif);

}

.menutitrebleu {

color:#1354B0;

}

.spacercontenu {

display:block;

margin:4px 0px 4px 0px;

width: 100%;

height: 1px;

font-size: 1px;

background-color: #CACACA;

}

.spacermenu {

display:block;

margin:0px 0px 0px 0px;

width: 100%;

height: 1px;

font-size: 1px;

background-color: #CACACA;

}

.contenu {

border-style:solid;

border-width:1px;

border-color:#CACACA;

font-size : 10px;

color:#777777;

}

hr {

color:#CACACA;

}

.none {

border-style:none;

}

a {

font-family : Arial;

color: #000000;

text-decoration : none;

}

a:visited {

font-family : Arial;

color: #000000;

text-decoration : none;

}

a:hover {

font-family : Arial;

color: #1354B0;

text-decoration : underline;

}

a.menub {

font-family : Arial;

color: #666666;

text-decoration : none;

}

a.menub:visited {

font-family : Arial;

color: #666666;

text-decoration : none;

}

a.menub:hover {

font-family : Arial;

color: #1354B0;

text-decoration : underline;

}

Je vous remercie pour votre aide.

Zamster

thegwil

Jan 20 2005, 11:21 AM

Salut !

Lis ce tuto, c'est très bien expliqué.

Ceci est une version "bas débit" de notre forum. Pour voir la version complète avec plus d'informations, la mise en page et les images, veuillez cliquer ici.