Centre pour les différentes tailles d'écran

Résolu
tac -  
bg62 Messages postés 23733 Date d'inscription   Statut Modérateur Dernière intervention   -
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 !
A voir également:

2 réponses

Stanislas Poisson Messages postés 424 Date d'inscription   Statut Membre Dernière intervention   66
 
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 */
}

0
tac
 
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.
0
tac
 
Voila en image au cas ou ca ne soit pas assez clair
http://cjoint.com/?DCdmuYphhQL
0
Stanislas Poisson Messages postés 424 Date d'inscription   Statut Membre Dernière intervention   66
 
Dans ce cas, place seulement le contenu a centrer dans la div #center
0
tac
 
merci mais du coup le menu et la div bandeau ne s'adapteront plus à toutes les tailles d'écran :/
0
bg62 Messages postés 23733 Date d'inscription   Statut Modérateur Dernière intervention   2 409
 
lut;)
ok donc 'résolu' ;)
0