28172 sujets

CSS et mise en forme, CSS3

Centrer un site avec des divs :o/

bonjour à tous,

cela fait une bonne semaine que je teste différentes manières expliquer sur le site et forums pour centrer mon site mais rien n'y fait -_-

la structure ne bouge pas d'un poil, seul le header se centre, et je pense que c'est la manière dont j'ai fais mon code qui en est l'origine.

je me suis aperçu que mon div=conteneur ne servait a rien -_- donc je l'ai supprimé

ma théorie est que mes div bloc gauche/ menu1/ menu2 / bloc droit sont tous positionnés en left:x px ; donc ils ne bougent pas de leur axe.

si quelqu'un a une idée car je sature là ^^

a écrit :

<body>

<div id="cadrehaut">
</div>

<div id="blocgauche">
</div>

<div id="menu">
<?php include ("menu1.php") ?>
</div>

<div id="menu2">
<?php include ("menu2.php") ?>
</div>

<div id="boite">
<?php include ("accueil.php") ?>
</div>

<div id="blocdroit">
</div>


</body>



et mon css >

a écrit :
@charset "iso-8859-2";
/* CSS Document */

body {
background: #000000;
font-size: 14px;
font-family: Arial, Tahoma, Verdana;
margin:auto;
margin-left: auto;
margin-right: auto;
width:1448px;

}


/*LIENS*/
a img{
border: none;
}


/*Header*/
#cadrehaut {
background:url(/images/header.jpg) no-repeat;
height:144px;
width:1448px;
}

/*bloc Gauche*/
#blocgauche {
margin:0px;
background:url(/images/blocgauche.jpg) no-repeat;
position:absolute;
left:0px;
height:571px;
width:257px;
display:inline;


}

/*menu*/
#menu {
margin:0px;
position:absolute;
left:257px;
display:inline;



}

/*menu2*/
#menu2 {
margin:0px;
position:absolute;
display:inline;
left: 439px;

}

/*boite*/
#boite {
margin:0px;
background:url(/images/boite.jpg) no-repeat;
position:absolute;
height:571px;
width:506px;
display:inline;
left:622px;
padding-left:35px;



}

/*blocdroit*/
#blocdroit {
margin:0px;
background:url(/images/blocdroit.jpg) no-repeat;
position:absolute;
height:571px;
width:320px;
display:inline;
left:1128px;





Merci de votre aide ^^
Bonjour,

Tu utilise le positionnement absolu qui donne une coordonnée fixe à tes éléments. Normal donc que les techniques habituelles de centrage ne fonctionnent pas.

La solution serait de reprendre le positionnement de tes éléments à zéro. Et de faire sans positionnement absolu (qui n'est pas évident pour les débutants).

Je ne peux que te conseiller d'aller jeter un coup d'oeil aux gabarits de mises en page de Florent qui se trouvent dans la section Apprendre > Outils. L'un d'eux correspondra certainement à ce que tu souhaites réaliser.
ne serait il pas possible de mettre un div ou autre ( Conteneur ) avec l'ensemble de mes div a l'intérieur, de marger mes divs intérieurs par rapport au conteneur et non pas au point 0 de la page, et de faire un centrage du conteneur ?
Sujet clos
Aller à