[FireBurning]

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.

Avez vous des idées?

[Toptuto]

Salut,




Le problème viens de l'utilisation de position. En effet celle ci ne peux que prendre comme paramètre :

La Position Absolute


Sa position est déterminée par référence aux limites du conteneur. Celui-ci peut-être :

• une boîte elle-même positionnée (position relative ou absolue) ;
• le bloc conteneur initial, à défaut de boîte positionnée, c'est à dire en pratique le plus souvent la fenêtre du navigateur.

<h3 id="fixe">La position fixe</h3> Elle est cette fois positionnée uniquement par rapport aux limites de la zone de visualisation, autrement dit la fenêtre du navigateur. Le défilement de la page n'a aucun effet sur un contenu en position fixe.

Pour toi essaye :

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

[FireBurning]

Merci c'est super cool ! Ca marche

[Toptuto]

De rien