HTML/CSS Position: fixed et résolutions
Orange
-
jjsteing Messages postés 1670 Date d'inscription Statut Contributeur Dernière intervention -
jjsteing Messages postés 1670 Date d'inscription Statut Contributeur Dernière intervention -
Bonjour,
Voilà mon problème, je souhaites installé un petit tableau en position: fixed sur mon site. (Donc une petite boîte qui reste à la même position lorsque le visiteurs descend la page.) Tout est installé et parfaitement fonctionnel, sauf que je souhaite que la boîte en question soit sur le côté de mon tableau principal (suivre la bordure donc) un peu comme ici: https://www.phpboost.com/ (D'ailleurs, s'il était possible de me dire comment faire le défilement avec transition vers le haut et bas de la page lorsqu'on clique sur les flèches. ) Lorsque je change la résolution de mon écran, le bloc de phpboost reste à la même place par apport au tableau, ce qui n'est pas le cas sur mon site. Je sais que c'est possible, mais comment faire ?
Merci !
Voilà mon problème, je souhaites installé un petit tableau en position: fixed sur mon site. (Donc une petite boîte qui reste à la même position lorsque le visiteurs descend la page.) Tout est installé et parfaitement fonctionnel, sauf que je souhaite que la boîte en question soit sur le côté de mon tableau principal (suivre la bordure donc) un peu comme ici: https://www.phpboost.com/ (D'ailleurs, s'il était possible de me dire comment faire le défilement avec transition vers le haut et bas de la page lorsqu'on clique sur les flèches. ) Lorsque je change la résolution de mon écran, le bloc de phpboost reste à la même place par apport au tableau, ce qui n'est pas le cas sur mon site. Je sais que c'est possible, mais comment faire ?
Merci !
A voir également:
- HTML/CSS Position: fixed et résolutions
- Ma position - Guide
- Editeur html - Télécharger - HTML
- Suivi position google - Guide
- Partage position whatsapp - Guide
- Position gps - Guide
3 réponses
Bonjour,
Vu le site, je pense que c'est fait en AJAX...
Je ne peux pas t aider pour faire exactement pareil...
Néanmoins, j ais une autre solution que je fais sur mon site perso :
Je récupère dans un cookie les dimensions intérieur de la fenêtre
Je me base sur ces dimensions dans mon CSS pour afficher mon site
j ai une fonction en JS qui va écrire tous les 1/4 de sec la dimension actuelle de la fenêtre, et si celle ci diffère de celle d avant alors je réécris mon cookie et je recharge ma page pour que le CSS se rebase sur ces nouvelles dimensions.
Ainsi le site s affiche toujours comme je veux ;)
Pour voir ce que ca donne : jjsteing.com si tu veux plus d explication et notamment le code source, hésite pas ;)
@++
Vu le site, je pense que c'est fait en AJAX...
Je ne peux pas t aider pour faire exactement pareil...
Néanmoins, j ais une autre solution que je fais sur mon site perso :
Je récupère dans un cookie les dimensions intérieur de la fenêtre
Je me base sur ces dimensions dans mon CSS pour afficher mon site
j ai une fonction en JS qui va écrire tous les 1/4 de sec la dimension actuelle de la fenêtre, et si celle ci diffère de celle d avant alors je réécris mon cookie et je recharge ma page pour que le CSS se rebase sur ces nouvelles dimensions.
Ainsi le site s affiche toujours comme je veux ;)
Pour voir ce que ca donne : jjsteing.com si tu veux plus d explication et notamment le code source, hésite pas ;)
@++
Bonjour :)
comme promis :
http://dl.free.fr/getfile.pl?file=/LwNs001P
Donc il est exploitable de suite... juste j ai mis dans le CSS $DebordHaut à 100, ce qui permet de voir s il y a des erreurs dans le hearder ou autre part (à mettre à 0 lors de la mise en ligne) et le fond du .CorpPage en bleu que tu vois la où s affiche réellement ton site ;)
comme promis :
http://dl.free.fr/getfile.pl?file=/LwNs001P
Donc il est exploitable de suite... juste j ai mis dans le CSS $DebordHaut à 100, ce qui permet de voir s il y a des erreurs dans le hearder ou autre part (à mettre à 0 lors de la mise en ligne) et le fond du .CorpPage en bleu que tu vois la où s affiche réellement ton site ;)
