Centre pour les différentes tailles d'écran

[Résolu/Fermé]
Signaler
-
Messages postés
23168
Date d'inscription
samedi 22 octobre 2005
Statut
Modérateur
Dernière intervention
18 août 2021
-
Bonjour,



j'ai créer un site mais malheureusement celui-ci n'a pas la même présentation selon les tailles d'écran. J'ai essayé de regarder sur internet mais je n'y arrive vraiment pas, j'ai tenter de créer une div englobant le body mais ca ne change pas grand chose, merci d'avance de votre aide !

2 réponses

Messages postés
424
Date d'inscription
samedi 1 décembre 2012
Statut
Membre
Dernière intervention
22 mai 2018
64
Bonjour,

Tu fonctionne a l'envers :), c'est le body qui englode tout ce qui dois être afficher.

Fais donc comme ceci:
<body>
	<div id="centrer">
		<!-- Ici tout ton site -->
	</div>
</body>


Il te suffiras de dire dans ton css:

#centrer{
	width: 980px; /* La largeur du site */
	margin: 0 auto /* On centre le site dans la page grace au marge gauche et droite en automatique */
}

super merci ca fonctionne seul petit soucis au dessus du menu j'ai créer une div bandeau pour mettre e titre et une image, et maintenant cette image ne s'affiche qu'au milieu en petit au lieu de prendre tout le haut de la page, et le menu est décalé vers la droite, avant il y avait une barre prenant 180px de large du début a la fin, et la il commence apres donc il y a un petit vide.

voici le code :
#barre{
background-color:#525c65;
width:100%;
height:74px;
list-style:none;
margin: 0px;
border-top:#65bb01 solid 5px;
padding: 1px 27%;
text-align:center;
}
J espere avoir été assez clair, merci d'avance.
Voila en image au cas ou ca ne soit pas assez clair
http://cjoint.com/?DCdmuYphhQL
Messages postés
424
Date d'inscription
samedi 1 décembre 2012
Statut
Membre
Dernière intervention
22 mai 2018
64
Dans ce cas, place seulement le contenu a centrer dans la div #center
merci mais du coup le menu et la div bandeau ne s'adapteront plus à toutes les tailles d'écran :/
Messages postés
23168
Date d'inscription
samedi 22 octobre 2005
Statut
Modérateur
Dernière intervention
18 août 2021
2 259
lut;)
ok donc 'résolu' ;)