OVH Cloud OVH Cloud

positionnement d'un objet en bas de fenètre

6 réponses
Avatar
Etienne SOBOLE
salut.

quelqu'un aurait un petit script basic de chez basic qui placerai un objet
(position:absolute) en bas de la fenetre et:
- qui marche sur IE, firefox, safari, opera
- qui marche lorsqu'on redimensionne la fenetre
- qui marche lorsqu'on a une scrollbar a la fenetre (et qu'on scroll)

voila merci...

Etienne

6 réponses

Avatar
ASM
salut.

quelqu'un aurait un petit script basic de chez basic qui placerai un objet
(position:absolute) en bas de la fenetre et:
- qui marche sur IE, firefox, safari, opera
- qui marche lorsqu'on redimensionne la fenetre
- qui marche lorsqu'on a une scrollbar a la fenetre (et qu'on scroll)



normalement c'est position: fixed;
puis on met un hack pour IE -> position: absolute;
puis un petit JS pour le placer

Mais ici, ils ont l'air d'avoir un truc sans JS pour le fixed
http://web.tampabay.rr.com/bmerkey/examples/fake-position-fixed.html

--
Stephane Moriaux et son [moins] vieux Mac

Avatar
Etienne SOBOLE
hum.

je vais reformuler !!!

je cherche a placer une div en position absolu en bas de l'ecran -100 pixels
et qu'il reste la, si on redimentionne la fenetre ou si on scroll cette
fenetre.

sour IE,
document.body.clientHeight me donne la hauteur de la page web.
mais comment connaitre la hauteur de la fenetre (hWin) et la position de la
scrollbar (sPos) !!!

afin de placer mon objet en sPos + hWin - 100

merci
Etienne

avec document.body.clientHeight (sous IE) et
"ASM" a écrit dans le message
de news: 447ffcb5$0$19723$
salut.

quelqu'un aurait un petit script basic de chez basic qui placerai un
objet
(position:absolute) en bas de la fenetre et:
- qui marche sur IE, firefox, safari, opera
- qui marche lorsqu'on redimensionne la fenetre
- qui marche lorsqu'on a une scrollbar a la fenetre (et qu'on scroll)



normalement c'est position: fixed;
puis on met un hack pour IE -> position: absolute;
puis un petit JS pour le placer

Mais ici, ils ont l'air d'avoir un truc sans JS pour le fixed
http://web.tampabay.rr.com/bmerkey/examples/fake-position-fixed.html

--
Stephane Moriaux et son [moins] vieux Mac



Avatar
ASM
hum.

je vais reformuler !!!

je cherche a placer une div en position absolu en bas de l'ecran -100 pixels
et qu'il reste la, si on redimentionne la fenetre ou si on scroll cette
fenetre.

sour IE,
document.body.clientHeight me donne la hauteur de la page web.
mais comment connaitre la hauteur de la fenetre (hWin) et la position de la
scrollbar (sPos) !!!

afin de placer mon objet en sPos + hWin - 100


je suppose que tu connais :
http://www.quirksmode.org
et en particulier
http://www.quirksmode.org/viewport/compatibility.html

The inner dimensions of the window or frame.

var x,y;
if (self.innerHeight) // all except Explorer
{
x = self.innerWidth;
y = self.innerHeight;
}
else if (document.documentElement &&
document.documentElement.clientHeight)
// Explorer 6 Strict Mode
{
x = document.documentElement.clientWidth;
y = document.documentElement.clientHeight;
}
else if (document.body) // other Explorers
{
x = document.body.clientWidth;
y = document.body.clientHeight;
}

et How much the page has scrolled.

var x,y;
if (self.pageYOffset) // all except Explorer
{
x = self.pageXOffset;
y = self.pageYOffset;
}
else if (document.documentElement && document.documentElement.scrollTop)
// Explorer 6 Strict
{
x = document.documentElement.scrollLeft;
y = document.documentElement.scrollTop;
}
else if (document.body) // all other Explorers
{
x = document.body.scrollLeft;
y = document.body.scrollTop;
}


--
Stephane Moriaux et son [moins] vieux Mac

Avatar
Etienne SOBOLE
je suppose que tu connais :
http://www.quirksmode.org
et en particulier
http://www.quirksmode.org/viewport/compatibility.html

The inner dimensions of the window or frame.

var x,y;
if (self.innerHeight) // all except Explorer
{
x = self.innerWidth;
y = self.innerHeight;
}
else if (document.documentElement &&
document.documentElement.clientHeight)
// Explorer 6 Strict Mode
{
x = document.documentElement.clientWidth;
y = document.documentElement.clientHeight;
}
else if (document.body) // other Explorers
{
x = document.body.clientWidth;
y = document.body.clientHeight;
}

et How much the page has scrolled.

var x,y;
if (self.pageYOffset) // all except Explorer
{
x = self.pageXOffset;
y = self.pageYOffset;
}
else if (document.documentElement && document.documentElement.scrollTop)
// Explorer 6 Strict
{
x = document.documentElement.scrollLeft;
y = document.documentElement.scrollTop;
}
else if (document.body) // all other Explorers
{
x = document.body.scrollLeft;
y = document.body.scrollTop;
}


Yeap...
merci bien msieu ;)

Etienne

Avatar
ASM
je suppose que tu connais :
http://www.quirksmode.org
et en particulier
http://www.quirksmode.org/viewport/compatibility.html


Yeap...
merci bien msieu ;)

Etienne


Et donc ?
....
ça t'y fonctionne ou non ?

--
Stephane Moriaux et son [moins] vieux Mac


Avatar
Etienne SOBOLE
Et donc ?
....
ça t'y fonctionne ou non ?


ben j'ai pas tester tous les modes, mais ca marche dans les deux mode que
j'ai l'habitude d'utiliser :)
c'est cool. merci :)