Positionnement d'image en css..

UchiwaSasuke94 -  
 billal_la_barbera -
Bonjour a tous,


Alors voila j'ai tout simplement un problèeme de positionnement de mon image qui devrait être placer en haut au centre de ma page mais reste tout de même en haut a gauche...

Voila mon code css :

.baniere {
   background: url("images/baniere.png");
   width:690px;
   height:140px;
   position:top center;
  } 



Et pour ma page Html :

<div class="baniere"> </div>	



L'image s'affiche bien mais en haut a gauche alors qu'elle devrait être en haut et centrer.

Alors si quelqu'un aurait une solution ça serait sympas de me la proposer.
A voir également:

14 réponses

Gihef Messages postés 5150 Date d'inscription   Statut Contributeur Dernière intervention   2 779
 
Bonjour,

“center” ?
“position” ne s'utilise pas comme ça : http://www.yoyodesign.org/doc/w3c/css2/visuren.html#choose-position

Ne pourrais-tu pas nous proposer le code de la page entière ?

En attendant, essaye
.baniere {
   position : absolute;
   background-image: url(images/baniere.png);
   width:690px;
   height:140px;
   left : 50%;
   margin-left : -345px;
  }

15
pyschopathe Messages postés 1974 Date d'inscription   Statut Membre Dernière intervention   135
 
Voui, ou
.baniere {
   background-image: url(images/baniere.png);
   width:690px;
   height:140px;
   margin:auto;
  }
0
arthezius Messages postés 3538 Date d'inscription   Statut Membre Dernière intervention   475 > pyschopathe Messages postés 1974 Date d'inscription   Statut Membre Dernière intervention  
 
Comme je disais, margin:auto; fonctionne pas avec IE6.
0
pyschopathe Messages postés 1974 Date d'inscription   Statut Membre Dernière intervention   135 > arthezius Messages postés 3538 Date d'inscription   Statut Membre Dernière intervention  
 
Scuz, pas vu que le sujet était si vieux, les posts ne s'affichaient pas ! Et merci pour l'info.
0
farouk > pyschopathe Messages postés 1974 Date d'inscription   Statut Membre Dernière intervention  
 
pas grave mais bon si tu es au courant de ma demande je suis preneur !!!
0
billal_la_barbera
 
voici la solution : (deux propositions)

code css:
margin-left : 90px; /*marge extérieure à gauche.*/
ou:
code css:
margin-top : 90px; /*marge extérieure en haut.*/ donc l'une des deux .
0