Se connecter avec
S'enregistrer | Connectez-vous

[CSS] Problème de centrage d'image.

Dernière réponse : dans Programmation

Bonjour,

J'ai une image dans un div:

<div id="bh"><img src="barre_haut.jpg"/></div>

avec une feuille css jointe:

#bh {
position:relative;
width: 100%;
height: 100%;
top:0%;
left:0%;

}

Alors comment dois je faire pour centrer l'image, sachant qu'elle est très longue. Là l'image commence à gauche et s'arrete beaucoup trop loin à droite..

Donc elle serait centrée dans l'écran par rapport au centre de l'image ;) 

Et est ce que le absolute est ce qu'il convient le mieux ? car du coup il y a un scrollbar qui apparait en dessous (pour voir l'image dans son entierté alors que finalement elle joue un peu un role de background..

Merci beaucoup !!

Doc.

Autres pages sur : css probleme centrage image

Lassé par la pub ? Créez un compte
Expert Programmation

Salut,

Si tu veux mettre une image en background, il y a des moyens bien plus simple de faire ça en CSS, et tu peux la positionner comme tu veux.
Regarde au niveau de : background-image, background-position, etc... (tout le background quoi)

Sinon, pour centrer un élément en horizontal, il suffit de faire :
  1. #element {
  2. width: 500px; /* changer la taille ici */
  3. margin:auto;
  4. }

Pour le centrer verticalement, il faut que son conteneur soit en position relative et ajouter :
  1. #element {
  2. position:absolute;
  3. top:50%;
  4. margin-top:-150px; /* diviser la hauteur de l'élément par 2. Si ton élément fait 300px de haut, tu mets -150px */
  5. }

Lassé par la pub ? Créez un compte
Tom's guide dans le monde