28219 sujets

CSS et mise en forme, CSS3

Bonjour.

J'ai réalisé un site web en utilisant du CSS.
J'aimerai placer un calque à droite du site permettant contenant une image d'une flèche afin de remonter en haut du site à n'importe quel moment.

J'ai fait ceci.

#back-to-top {
    width:26px;
    height:26px;
    display:block;
    position:fixed;
    bottom:50%;
    right:38px;
    background:url(images/top.png) no-repeat 0 0;
}


SOus firefox l'image se met bien a droite tout est nickel.
Par contre sous IE le calque se met en bas à gauche après mon site.

COmment contourner ce problème?

Cordialement
marseille a écrit :
Par contre sous IE le calque se met en bas à gauche après mon site.

Avec IE6 et inférieurs, c'est à dire les versions qui ne comprennent pas position: fixed. IE7 devrait s'en sortir honorablement, normalement.

marseille a écrit :
COmment contourner ce problème?

Ne pas afficher cet élément, somme toute dispensable, pour IE < 7. On passera par un commentaire conditionnel pour, dans IE 6 et inférieurs uniquement, supprimer l'affichage de ce lien fixe avec un display: none.