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.
Configuration: Windows XP
Firefox 1.5.0.9

14 réponses

  1. Gihef Messages postés 5165 Statut Contributeur 2 781
     
    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
    1. pyschopathe Messages postés 2053 Statut Membre 137
       
      Voui, ou
      .baniere {
         background-image: url(images/baniere.png);
         width:690px;
         height:140px;
         margin:auto;
        }
      
      0
      1. arthezius Messages postés 3756 Statut Membre 475 > pyschopathe Messages postés 2053 Statut Membre
         
        Comme je disais, margin:auto; fonctionne pas avec IE6.
        0
      2. pyschopathe Messages postés 2053 Statut Membre 137 > arthezius Messages postés 3756 Statut Membre
         
        Scuz, pas vu que le sujet était si vieux, les posts ne s'affichaient pas ! Et merci pour l'info.
        0
      3. farouk > pyschopathe Messages postés 2053 Statut Membre
         
        pas grave mais bon si tu es au courant de ma demande je suis preneur !!!
        0
    2. 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