Tom's Guide > Forum > Programmation > [CSS] Problème de centrage d'image.

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

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

TomsGuide.com : 800 000 inscrits répondent à toutes vos questions high-tech et informatique. Pour obtenir de l'aide, inscrivez-vous gratuitement !
Créer un nouveau sujet Répondre
Mot :    Pseudo :           
 
docxell   17-02-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.

Répondre
Liens sponsorisés
Inscrivez-vous ou connectez-vous pour masquer ceci.
OmaR   20-02-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 :

Code :
  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 :

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


Répondre à OmaR
Créer un nouveau sujet Répondre
Tom's Guide > Forum > Programmation > [CSS] Problème de centrage d'image.
Aller à :

Il y a 2668 utilisateurs connus et inconnus. Pour voir la liste des connectés connus, cliquez ici.

Plan du forum
Forum Bestofmedia ©
2000-2009 Bestofmedia Group
Page générée en 0,383 secondes
Attention

Vous allez répondre sur un sujet resté inactif pendant plus de 6 mois.
Assurez-vous d'apporter des éléments nouveaux à la discussion avant de poursuivre.

Répondre Annuler
Liens