Positionnement fixed en css

ne fonctionne pas sous IE

25 juillet 2006 à 16:58:29

Bonjour,
Je ne crois pas que ce sujet à été déjà traité (après quelques recherches, je n'ai rien trouvé sur le forum).
Donc je voudrais qu'une image est une position fixe quand on tourne la molette, mais IE ne prend pas le prend pas en compte. Il comprend position relative, ce qui ne me convient pas du tout.
Sur d'autres forums, des personnes redirigent vers ce site,
http://tagsoup.com/-dev/null-/css/fixed/
mais je ne dois pas tout comprendre correctement, parce que ca ne fonctionne pas pour le site que je suis en train de faire.

Je ne sais pas si je suis tout à fait claire...
Si quelqu'un peut m'aider se serait super chouette.
Merci

thetaupe

26 juillet 2006 à 8:10:24

salut,

va voir de ce coté là

krtouch73

26 juillet 2006 à 9:34:13

Merci pour tous ces liens,
mais sur mon site il y a toujours un problème, soit la page reste bloqué par le pied de page, soit elle ne veut plus bougé.

Voici mon code :

body
{
margin:0; /* pour éviter les marges */
font-family: Arial, Verdana,Helvetica, sans-serif;
font-size:12px;
position: relative; /* on positionne le conteneur */
height:100%;
padding: 0 0 0;
overflow: hidden;
}

html>body
{
overflow: auto;
}

.tout /* boite prenant toute la page sauf le menu fixe*/
{

height: 100%; /* la hauteur de la boite occupe 100% de l'écran */
overflow: auto;
overflow:hidden;
position:relative;
}

.ssMenu
{
position:absolute;
bottom:0;
left:0;
display:block;
top:435px;
z-index:1;
}

body>.ssMenu
{
position:fixed;
}

Je ne pense pas que vous ayez besoin du code html.
Je continue à chercher, si quelqu'un d'autre peu essayer de m'expliquer??
Merci d'avance

krtouch73

27 juillet 2006 à 9:15:14

thetaupe

27 juillet 2006 à 11:28:00

je pense que ça vient de là

.tout /* boite prenant toute la page sauf le menu fixe*/
{

height: 100%; /* la hauteur de la boite occupe 100% de l'écran */
overflow: auto;
overflow:hidden;
position:relative;
}

d'abord tu mets overflow à auto puis ensuite tu le mets à hidden et comme c'est la dernière propriete qui est prise en compte tes scroll sont caché.

krtouch73

27 juillet 2006 à 11:42:51

Merci de ta réponse the taupe,

mais le soucis, c'est que si j'enlève le overflow hidden, ca me met rajoute des "scrollbar" dans la div "tout". :colere2:

Et si j'enlève le overflow auto, ça me bloque le contenu de ma page, après je ne peux plus naviguer (et c'est normal vu que j'ai mis hidden)

En faite je voulais le overflow auto et hidden ensemble, ce n'est pas possible??

thetaupe

27 juillet 2006 à 11:48:53

a quoi te sert ton html>body ?

krtouch73

27 juillet 2006 à 14:17:46

En effet, il n'est pas utile.

Mais quand je l'enlève ça ne modifie rien sur l'effichage de ma page, franchement je ne comprend pas pourquoi ça ne fonctionne pas.

J'ai suivi ce qui était indiqué à cette adresse :

http://batraciens.net/css-astuces/zone-fixe-1.htm

J'ai suivi les indications, mais je n'ai pas obtenu le résultat souhaité.
Merci de ton aide thetaupe

thetaupe

27 juillet 2006 à 14:27:44

essai plutot celui là

krtouch73

28 juillet 2006 à 11:18:03

Merci pour l'adresse thetaupe, mais ca ne fonctionne toujours pas, tant pis je ne ferais pas ca sur mon site.

Enfin, je vais mettre fixe sur Firefox mais pas sous IE et puis voila dommage.

thetaupe

28 juillet 2006 à 11:30:34

tu peux mettre tes codes ou mieux un lien pour voir?