Discussion :

[jmjmjm]

Voila je souhaiterais fixer des elements sur une page c'est a dire que lorsque l'ascenseur bouge les elements reste fixe. Mon site est fait en XHTML1.0 SRICT ET CSS2.
Pour vous expliquer exactement ce que je veux aller voir mon site dans la partie resultats :
http://www.judo-beaugency.com/2/?Pg=...&Validation=OK
je voudrais que les combobox reste fixe ainsi que le menu gauche et l'entete + le fond mais ca c deja le cas !!

MERCI ET BONNE PROG !!

[diden138]

salut j'ai une solution pour toi parcontre ca marche juste sous fire fox c'est 100% css

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
 
objetfix
{
position:fixed;
}

sinon tu peux faire ça avec du javascript mais je m-y connais pas bien
voila j'espére que ça t'aidera tien nous au courant

[Bisûnûrs]

salut j'ai une solution pour toi parcontre ca marche juste sous fire fox c'est 100% css

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
 
objetfix
{
position:absolute;
}

sinon tu peux faire ça avec du javascript mais je m-y connais pas bien
voila j'espére que ça t'aidera tien nous au courant

C'est position:fixed et pas absolute ..

Sinon il y a toujours la FAQ HTML/CSS

[MatthieuL]

Non, c'est

Code css :

Sélectionner tout - Visualiser dans une fenêtre à part

position: fixed;

.

Mais effectivement cela ne marche pas sous IE.

[jmjmjm]

Je connaissais position fixed mais le probleme c'est que moi je n'arrive pas a l'utiliser si je reajoute position fixed a mon entete par exemple tout ca en haut a gauche ca ne ressemble plus a rien !!

Voici le Code CSS que j'utilise pour l'entete qui est decomposer en trois en tete pour que l'entete s'adapte au ecran 16/10eme :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
#EnteteGauche {
	background:url("../Images/PetiteResolution/Entete1.jpg") left top no-repeat;
	height:95px;
	margin-left:15px;
}
 
#EnteteCentre {
	background:url("../Images/PetiteResolution/Entete.jpg") center top no-repeat;
	height:95px;
	margin-left:5%;
}
 
#EnteteDroite {
	background:url("../Images/PetiteResolution/Entete2.jpg") right top no-repeat;
	height:95px;
	margin-right:15px;
}

Merci d'avance si quelq'un a une solution !!

[diden138]

Moi j'avais le même problème j'ai remplacé fixed par absolute et ça marche sous firefox et je n'ai rien compris à ça. Sinon il existe des solutions très sérieuse du coté de javascript et qui marchent sous tous les navigateurs enfin presque.
Voici un lien d'un exemple tu pourra t'inspirer de cela (PS : celui-là utilise un stricte minimum de JS et fonctionne même sans )
http://iubito.free.fr/prog/menu.php
version verticale : http://iubito.free.fr/prog/menu/vertical.htm

[jmjmjm]

Merci pour ton exemple mais je ne prefererais pas recourir au javascript et l'aimerais assez faire ca en CSS

[jmjmjm]

Voila j'ai trouver comment definir exactement ce que je voulais et pourquoi le position fixed ne peut pas marcher car en fait mon entete est faite pour s'adapter en largeur donc elle n'est pas fixe (tout du moin hroizontalement) donc je voudrais garder cette liberte mais je voudrai que les element comme le menu et celle ci soit fixe verticalement c'est a dire qu'il pouisse toujours s'adapter horizontalement mais qu'in ne bouge pas quand l'ascensueur horizontal est solicité

[jmjmjm]

sinon, ce n'est pas possible de faire l'inverse, au lieu de dire que les elements sont fixe, il n'est pas possible de dire que celle une partie bouge ??