Menu fixe en bas de page

Résolu
malee -  
 malee -
Bonjour,

Je souhaiterais savoir comment créer un menu fixe en bas de page,(qui est toujours visible si on redimensionne la fenêtre) dans le même idée que ce site: http://gerdarntz.org/isotype
Mon menu est un élément flash que j'insère dans une div.
Merci d'avance,

Malee.


A voir également:

5 réponses

Réponse 1 / 5
dream666 Messages postés 735 Date d'inscription   Statut Membre Dernière intervention   104
 
voici un code que je vien de creer, il est creer que pour IE7 donc a toi de le retravailler sur les autres navigateurs, parceque je ne suis pas chez moi la.

<html>

<head>

<SCRIPT language="javascript">
function fPrincipale(){
document.getElementById("MonId").innerHTML="***"+sizeScreen(1)+" SCROLL: "+document.body.scrollTop;
document.getElementById("MonId").style.position="absolute";
document.getElementById("MonId").style.marginTop=(sizeScreen(1)*0.80)+document.body.scrollTop;

setTimeout("fPrincipale();",50);
}









function sizeScreen(sens){
var winW = 630, winH = 460;

if(sens ==1){
if (parseInt(navigator.appVersion)>3) {
if (navigator.appName=="Netscape") {
winW = window.innerWidth;
winH = window.innerHeight;
}
if (navigator.appName.indexOf("Microsoft")!=-1) {
winW = document.body.offsetWidth;
winH = document.body.offsetHeight;
}
}
return winH ;
}else{

if (parseInt(navigator.appVersion)>3) {
if (navigator.appName=="Netscape") {
winW = window.innerWidth;
winH = window.innerHeight;
}
if (navigator.appName.indexOf("Microsoft")!=-1) {
winW = document.body.offsetWidth;
winH = document.body.offsetHeight;
}
}
return winW;
}
}


</SCRIPT>

</head>
<body>

<div id="MonId">
</div>
<BR /><BR /><BR /><BR /><BR /><BR /><BR /><BR /><BR /><BR /><BR /><BR /><BR /><BR /><BR /><BR />
<BR /><BR /><BR /><BR /><BR /><BR /><BR /><BR /><BR /><BR /><BR /><BR /><BR /><BR /><BR /><BR />
<BR /><BR /><BR /><BR /><BR /><BR /><BR /><BR /><BR /><BR /><BR /><BR /><BR /><BR /><BR /><BR />




<SCRIPT language="javascript">
fPrincipale();
</SCRIPT>
</body>




</html>
0
malee
 
Merci dream666,

Je m'y connais pas du tout en javascript, par contre j'ai réussi à avoir mon élément fixe en bas de page avec position:fixed; en css.
Cela la fonction fixe en bas de page marche, seulement, impossible de centrer ma div, elle reste bloquée à gauche.
Si jamais tu peux m'aider..
Sinon encore merci pour ta réponse...
0
Réponse 2 / 5
dream666 Messages postés 735 Date d'inscription   Statut Membre Dernière intervention   104
 
j'ais pas compris ce que tu demande mais soit tu passe par la balise html
<center></center> ou en css https://www.alsacreations.com/article/lire/539-Centrer-les-elements-ou-un-site-web-en-CSS.html
0
Réponse 3 / 5
malee
 
J'ai déjà essayée en html et en css mais ça beug quand même si tu veux voir j'ai mis ma page en ligne: http://www.la-coopa.com/presentation.html
merci beaucoup pour ton aide en tout cas...
0
Réponse 4 / 5
dream666 Messages postés 735 Date d'inscription   Statut Membre Dernière intervention   104
 
a dsl j'avais oublier que position absolute enpecher de centrer.

<html>

<head>

<SCRIPT language="javascript">
function fPrincipale(){
document.getElementById("MonId").innerHTML="***"+sizeScreen(1)+" SCROLL: "+document.body.scrollTop;
document.getElementById("MonId").style.position="absolute";
document.getElementById("MonId").style.marginLeft=(sizeScreen(0)/2) ;
document.getElementById("MonId").style.marginTop=(sizeScreen(1)*0.80)+document.body.scrollTop;

setTimeout("fPrincipale();",50);
}









function sizeScreen(sens){
var winW = 630, winH = 460;

if(sens ==1){
if (parseInt(navigator.appVersion)>3) {
if (navigator.appName=="Netscape") {
winW = window.innerWidth;
winH = window.innerHeight;
}
if (navigator.appName.indexOf("Microsoft")!=-1) {
winW = document.body.offsetWidth;
winH = document.body.offsetHeight;
}
}
return winH ;
}else{

if (parseInt(navigator.appVersion)>3) {
if (navigator.appName=="Netscape") {
winW = window.innerWidth;
winH = window.innerHeight;
}
if (navigator.appName.indexOf("Microsoft")!=-1) {
winW = document.body.offsetWidth;
winH = document.body.offsetHeight;
}
}
return winW;
}
}


</SCRIPT>

</head>
<body>

<div id="MonId">
</div>
<BR /><BR /><BR /><BR /><BR /><BR /><BR /><BR /><BR /><BR /><BR /><BR /><BR /><BR /><BR /><BR />
<BR /><BR /><BR /><BR /><BR /><BR /><BR /><BR /><BR /><BR /><BR /><BR /><BR /><BR /><BR /><BR />
<BR /><BR /><BR /><BR /><BR /><BR /><BR /><BR /><BR /><BR /><BR /><BR /><BR /><BR /><BR /><BR />




<SCRIPT language="javascript">
fPrincipale();
</SCRIPT>
</body>




</html>
<html>

<head>

<SCRIPT language="javascript">
function fPrincipale(){
document.getElementById("MonId").innerHTML="***"+sizeScreen(1)+" SCROLL: "+document.body.scrollTop;
document.getElementById("MonId").style.position="absolute";
document.getElementById("MonId").style.marginLeft=(sizeScreen(0)/2) ;
document.getElementById("MonId").style.marginTop=(sizeScreen(1)*0.80)+document.body.scrollTop;

setTimeout("fPrincipale();",50);
}









function sizeScreen(sens){
var winW = 630, winH = 460;

if(sens ==1){
if (parseInt(navigator.appVersion)>3) {
if (navigator.appName=="Netscape") {
winW = window.innerWidth;
winH = window.innerHeight;
}
if (navigator.appName.indexOf("Microsoft")!=-1) {
winW = document.body.offsetWidth;
winH = document.body.offsetHeight;
}
}
return winH ;
}else{

if (parseInt(navigator.appVersion)>3) {
if (navigator.appName=="Netscape") {
winW = window.innerWidth;
winH = window.innerHeight;
}
if (navigator.appName.indexOf("Microsoft")!=-1) {
winW = document.body.offsetWidth;
winH = document.body.offsetHeight;
}
}
return winW;
}
}


</SCRIPT>

</head>
<body>

<div id="MonId">
</div>
<BR /><BR /><BR /><BR /><BR /><BR /><BR /><BR /><BR /><BR /><BR /><BR /><BR /><BR /><BR /><BR />
<BR /><BR /><BR /><BR /><BR /><BR /><BR /><BR /><BR /><BR /><BR /><BR /><BR /><BR /><BR /><BR />
<BR /><BR /><BR /><BR /><BR /><BR /><BR /><BR /><BR /><BR /><BR /><BR /><BR /><BR /><BR /><BR />




<SCRIPT language="javascript">
fPrincipale();
</SCRIPT>
</body>




</html>
0

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
Réponse 5 / 5
malee
 
J'ai essayer ton code ça change rien... Je comprend pas trop ce qui se passe...
c'est avec la position:fixed que ça beug, quand je change la position en absolute, la div est centrée, mais plus fixe en bas de page !
Encore merci pour ton aide!
0

Discussions similaires

tiret du bas
na -
Kahlan2016 -

14 réponses
CHERCHE (_)
gloriano1 -
Utilisateur anonyme -

17 réponses