Votre question

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

Tags :
  • Arrière plan
  • Programmation
Dernière réponse : dans Programmation
17 Février 2009 08:52:58

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

a c 232 L Programmation
20 Février 2009 04:33:57

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. }

m
0
l
Tom's guide dans le monde
  • Allemagne
  • Italie
  • Irlande
  • Royaume Uni
  • Etats Unis
Suivre Tom's Guide
Inscrivez-vous à la Newsletter
  • ajouter à twitter
  • ajouter à facebook
  • ajouter un flux RSS