"ascenceur" Problème d'affichage celon la résolution d'écran..

[piernogood]

Bonjour,

J'ai ajouter un ascenseur sur mon forum donc pour aller tous en haut de la page ou tous en bas a l'aide d'un simple bouton.

Donc j'ai mis le code suivant dans mon overall_footer:

Code:


<div class="ascenseur"><br/>
<a href="#top"><img src="http://i78.servimg.com/u/f78/15/28/98/12/scroll11.png" /></a>
<br/><br/>
<a href="#bottom"><img src="http://i78.servimg.com/u/f78/15/28/98/12/scroll10.png" /></a><br/><br/>
</div>


ET mon CSS :

Code:

.ascenseur {
position: fixed; /*--- Cette ligne permet de toujours afficher l'ascenseur à l'écran ---*/
top: 200px; /*--- On le place à XX px du haut de l'écran ---*/
left: 450px; /*--- On le place à X px de la gauche de l'écran ---*/
background-color: #; /*--- On donne une couleur au fond ---*/
}

Cependant, celons la résolution d'écran il parais que les boutons ce retrouve au milieu de l'écran et non a l'endroit ou je voudrai donc juste à coté du forum comme ce-si :


Voila, je suppose qu'il faut que je parte a partir de la marge du forum vers la gauche, et non a partir du bord de l'écran vers la droite pour corriger cela sur tous les écrans ? Cependant je ne ces pas ce qu'il faut que je modifie dans le CSS.. Si vous pouviez m'aider ?

Merci de votre aide !

Amicalement,
Filing

[zz10]

Bonsoir,

Code:

.ascenseur {
position: fixed; /*--- Cette ligne permet de toujours afficher l'ascenseur à l'écran ---*/
top: 200px; /*--- On le place à XX px du haut de l'écran ---*/
left: 50%; /*--- On le place au milieu de l'écran ---*/
margin-left:-596px; /*--- On le place à X px de la gauche de l'écran ---*/
background-color: #; /*--- On donne une couleur au fond ---*/
}

[piernogood]

Bonjour,

Chez moi sa ma l'air bon, un peut plus éloigner que sur l'image mes sa le fait, plus qu'à voir avec mon amis qui a une résolution d'écran inférieur à mon écran pour voir ce que sa donne

Merci,

Amicalement,
Filing

[Invité]

Bonjour, Afin de faciliter la gestion des problèmes, si votre problème est résolu, pensez à : éditer votre premier message, cocher l'icône Et enregistrer en cliquant sur Vous pouvez également remercier les personnes qui vous ont aidé, en cliquant sur le bouton A bientôt sur ForumActif

[piernogood]

Exact j'avais oublier de le mettre en résolu merci !