Menu fixe en bas de page
Résolu
malee
-
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.
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.
5 réponses
-
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>-
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...
-
-
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 -
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... -
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> -
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question -
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!
