OVH Cloud OVH Cloud

positionner un fixed relativement

8 réponses
Avatar
Raphaël Wils
Bonjour tout le monde

J'ai un élément positionnné en fixed, celui ci étant inclu dans un bloc
conteneur dont il n'est pas le premier élément.

Je souhaite que lorsque la page n'est pas scrollé cet élément soit à 5
pixels sous le sommet de son conteneur et non du sommet de la page. Le
probleme est que la position du sommet du conteneur n'est pas connue par
avance car ce qui le précede peut varier en hauteur.

Or si j'utilise top:5px mon élément se positionnne à 5px du sommet de la
page.

Cela est-il possible ? Comment puis je faire ?

Merci d'avance.

--
Raphael wils
http://perso.club-internet.fr/raphael.wils
"It don't mean a thing, if it ain't got that swing !"

8 réponses

Avatar
Le Fou
Raphaël Wils a écrit

J'ai un élément positionnné en fixed, celui ci étant inclu dans un bloc
conteneur dont il n'est pas le premier élément.
Je souhaite que lorsque la page n'est pas scrollé cet élément soit à 5
pixels sous le sommet de son conteneur et non du sommet de la page. Le
probleme est que la position du sommet du conteneur n'est pas connue par
avance car ce qui le précede peut varier en hauteur.
Or si j'utilise top:5px mon élément se positionnne à 5px du sommet de la
page.
Cela est-il possible ? Comment puis je faire ?



Tu souhaites un élément fixe par rapport à la page mais positionné par
rapport à un contenant dont tu ignores la position.
J'ai bien compris ?
A première vue je dirais que ce n'est pas possible en CSS.
Par contre tu peux positionner ton élément en absolu à 5px du sommet de son
contenant (positionné en relatif) et utiliser JavaScript pour qu'il reste
fixe par rapport à la page.

--
A'tchao

Le Fou
http://perso.club-internet.fr/ehiller/ - http://club.exocet.free.fr/
http://www.ffessm-cd84.com/
Avatar
Pascal Vigneron
J'ai un élément positionnné en fixed,
Je souhaite que lorsque la page n'est pas scrollé cet élément soit à 5
pixels sous le sommet de son conteneur et non du sommet de la page.



Bonjour,
J'ai peur que ce soit impossible :

fixed
The box's position is calculated according to the 'absolute' model,
but in addition, the box is fixed with respect to some reference.
In the case of continuous media, *the box is fixed with respect to the viewport*

W3C/REC-CSS2/visuren.html#propdef-position
Bien pratique d'avoir toutes les spécifications dans l'aide de HTML-Kit :-)

Pascal V
Avatar
Salagir
On Tue, 20 Jan 2004 08:51:27 +0100, in fr.comp.infosystemes.www.auteurs,
Thibaut Allender wrote:
on 20/01/2004 1:03, Raphaël Wils wrote :
Il y a deja un hack pour émuler fixed dans IE :
http://devnull.tagsoup.com/fixed/
Mais avec ça fini les logos "valid machin !"





les chieurs d'utilisateur d'IE, on les veut même au prix de la validité
;)

mouais... ca n'est qu'un pietre hack, il est par exemple impossible de
placer un fixed a gauche, ni d'avoir du contenu au dessus ou en dessous
du fixed, etc...



Si. Mon utilisation de ce hack marche sous FB, IE 6 et IE 5.5

http://salachid.com/new/ced/lect/vf

Si y'en a qui peuvent me dire comment ca passe sur d'autres
navigateurs/systèmes, ca m'interesse d'ailleurs.
Il m'arrive que l'ascenseur rame un peu. Et chez vous ?

--
++++++++ Zelda, Dragon Ball, Mana and my (art)work at www.salagir.com ++++++++
"Well, hu, haven't you ever heard of a TV Walkman ?" (FLCL)
Avatar
Thibaut Allender
on 20/01/2004 14:11, Salagir wrote :

Si. Mon utilisation de ce hack marche sous FB, IE 6 et IE 5.5

http://salachid.com/new/ced/lect/vf



au temps pour moi, j'ai du mal m'y prendre quand j'avais essayé cette
methode
a moins que ca ne vienne du quirk que je n'avais pas activé (d'ailleurs
j'aurais eu d'autres problemes en l'activant...) ?

Si y'en a qui peuvent me dire comment ca passe sur d'autres
navigateurs/systèmes, ca m'interesse d'ailleurs.



ca a l'air de tourner aussi sous IE 5.01 (win)

Il m'arrive que l'ascenseur rame un peu. Et chez vous ?



sous FB oui, mais n'est-ce pas du a l'alpha du menu ?

--
freelance + web|system developper|designer
+ 32 496 26 75 76 + http://www.capsule.org
Avatar
Azzazel
Raphaël Wils a écrit :
C'est cette page. Le menu de gauche est en fixe.

fichier html
http://perso.club-internet.fr/raphael.wils/futur/



Oui le seul léger défaut de cette méthode survient lorsque l'utilisateur
à une zone d'affichage en hauteur inférieur à celle du menu avec le
padding ... il n'y a alors pas de possibilité d'accès au bas du menu.

Mais bon je chipote ;-)

Az
Avatar
Raphaël Wils
Salagir a écrit :
les chieurs d'utilisateur d'IE, on les veut même au prix de la validité
;)



Personnellement je n'ai pas d'objectif d'audience. De toute façon Les
utilisateurs d'IE ne se poseront probablement meme pas la question
"m'enfin pourquoi le menu il est pas fixe ?"

Salagir a écrit :
http://salachid.com/new/ced/lect/vf
Si y'en a qui peuvent me dire comment ca passe sur d'autres
navigateurs/systèmes, ca m'interesse d'ailleurs.
Il m'arrive que l'ascenseur rame un peu. Et chez vous ?



Ca rame sous mozilla 1.6, probablement à cause de la transparence.

--
Raphael wils
http://perso.club-internet.fr/raphael.wils
"It don't mean a thing, if it ain't got that swing !"
Avatar
Denis Flament
Raphaël Wils wrote:

Ca rame sous mozilla 1.6, probablement à cause de la transparence.



chez moi ça rame beaucoup sous FB 0.7/Win 2000, et ça marche sous IE
sauf que les cadres ne sont plus transparents mais à fond noir.

En plein écran (1024 de large) déjà un léger chevauchement des cadres de
droite et de la BD sous FB, et quand la fenêtre est plus petite tout se
chevauche... faudrait rétrécir les cadres ou bien imposer une largeur
mini (quitte à devoir défiler pour voir les cadres de droite dont un est
d'ailleurs vide)

Et même les pouvoirs magiques du javascript ne détectent pas que la
fenêtre fait moins de 1024px ;-)

--
Denis

R. Parce que ça rompt le cours normal de la conversation !!!
Q. Pourquoi ne faut-il pas répondre au-dessus de la question ?
Avatar
yvon.thoravalNO-SPAM
Christophe <pas_rÈ wrote:

oui. le même en français : http://css-astuces.batraciens.net/zone-fixe-1.htm



marche très bien avec IE 5.2 mais très mal avec Mozilla 1.6b (macos
X.3.2)
--
yt