Un Footer me rends dingue...
Résolu/Fermé
PrinceKreol
Messages postés
291
Date d'inscription
vendredi 23 octobre 2009
Statut
Membre
Dernière intervention
9 avril 2013
-
6 juil. 2012 à 08:35
PrinceKreol Messages postés 291 Date d'inscription vendredi 23 octobre 2009 Statut Membre Dernière intervention 9 avril 2013 - 9 juil. 2012 à 13:23
PrinceKreol Messages postés 291 Date d'inscription vendredi 23 octobre 2009 Statut Membre Dernière intervention 9 avril 2013 - 9 juil. 2012 à 13:23
A voir également:
- Un Footer me rends dingue...
- Html2pdf footer ✓ - Forum PHP
- Soprano dingue ✓ - Forum Musique / Radio / Clip
- Rémi et safia ont découvert le code binaire des nombres en cours d'informatique. ils l'utilisent pour se donner des rendez-vous secrets. ils ont décidé que : un message comporte 5 bits et donne le jour puis le moment les jours et les moments sont traduits par les nombres comme ci-dessous - Forum Programmation
- Amende rentrer sur un terrain de foot mineur - Forum Loisirs / Divertissements
- Comment dégonfler un ballon de foot - Forum Loisirs / Divertissements
6 réponses
mimigenie
Messages postés
1180
Date d'inscription
dimanche 3 janvier 2010
Statut
Membre
Dernière intervention
4 août 2018
313
6 juil. 2012 à 09:29
6 juil. 2012 à 09:29
Copie/colle ton code html et css car sans ca il est très dur de t'aider.
Melooo
Messages postés
1405
Date d'inscription
vendredi 28 novembre 2008
Statut
Membre
Dernière intervention
18 mars 2013
84
Modifié par Melooo le 6/07/2012 à 09:34
Modifié par Melooo le 6/07/2012 à 09:34
Salut,
Essayes de mettre ton footer comme ca :
Mais c'est vrai qu'avec ton code sa serait mieux ! :)
Essayes de mettre ton footer comme ca :
.footer
{
position:absolute;
bottom:0px;
}
Mais c'est vrai qu'avec ton code sa serait mieux ! :)
vincent170186
Messages postés
316
Date d'inscription
mardi 17 mars 2009
Statut
Membre
Dernière intervention
28 septembre 2012
52
6 juil. 2012 à 10:41
6 juil. 2012 à 10:41
Salut,
pour ton problème (comme je ne sais pas comment tu as fait ton code) tu peux essayé une solution en js.
admettons que le bloc qui est au dessus du footer (donc celui qu'on va agrandir pour caler le footer ) ai l'id "content" et que le footer ai une id "footer".
dans mon exemple je vais utilisé jquery
function auto_size_content()
{
content_h=$("#content").height(); //hauteur de "content"
footer_h=$("#footer").height(); //hauteur de "footer"
total_h=parseInt(content_h)+parseInt(footer_h); // hauteur de content+footer
ecran_h=screen.height; //hauteur de l'ecran ;
if (ecran_h>total_h) /*si hauteur de content+footer est plus petit que la hauteur de l'ecran*/
{
new_h= parseInt(ecran_h-footer_h); // on calcule la difference
$("#content").height( new_h); //et on donne la nouvelle hauteur de content;
}
}
note: tu peux réduire cette fonction la j'ai fait exprès de détailler.
genre direct mettre--> total_h =$("#content").height()+$("#footer").height();
pour ton problème (comme je ne sais pas comment tu as fait ton code) tu peux essayé une solution en js.
admettons que le bloc qui est au dessus du footer (donc celui qu'on va agrandir pour caler le footer ) ai l'id "content" et que le footer ai une id "footer".
dans mon exemple je vais utilisé jquery
function auto_size_content()
{
content_h=$("#content").height(); //hauteur de "content"
footer_h=$("#footer").height(); //hauteur de "footer"
total_h=parseInt(content_h)+parseInt(footer_h); // hauteur de content+footer
ecran_h=screen.height; //hauteur de l'ecran ;
if (ecran_h>total_h) /*si hauteur de content+footer est plus petit que la hauteur de l'ecran*/
{
new_h= parseInt(ecran_h-footer_h); // on calcule la difference
$("#content").height( new_h); //et on donne la nouvelle hauteur de content;
}
}
note: tu peux réduire cette fonction la j'ai fait exprès de détailler.
genre direct mettre--> total_h =$("#content").height()+$("#footer").height();
PrinceKreol
Messages postés
291
Date d'inscription
vendredi 23 octobre 2009
Statut
Membre
Dernière intervention
9 avril 2013
7
6 juil. 2012 à 11:14
6 juil. 2012 à 11:14
Voici mon code
<table id="footer"> <tr> <td id="footerG"> McDonald's Suisse </td> <td > <img src="..\pictures\LogoIT.jpg" class="BorderImages" usemap="#Map"> <map name="Map"> <area shape="circle" coords="100,28,25" href="..\web\home.php?Page=Login"> </map> </td> <td id="footerD"> </td> </tr> </table> </body> </html>
#footer
{
text-align:center;
margin-top:10px;
bottom:0;
left:0;
width:100%;
height:50px;
}
#footerG
{
text-align:left;
}
#footerD
{
text-align:right;
}
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
mpmp93
Messages postés
6648
Date d'inscription
mercredi 13 avril 2011
Statut
Membre
Dernière intervention
28 septembre 2015
1 339
6 juil. 2012 à 11:32
6 juil. 2012 à 11:32
Bonjour,
rajouter ce javascript:
et pour le footer:
<footer id="footer">.....pied de page</footer>
rajouter ce javascript:
<script src="js/setFooter.js">
function getWindowHeight() {
var windowHeight = 0;
if (typeof(window.innerHeight) == 'number') {
windowHeight = window.innerHeight;
} else {
if (document.documentElement && document.documentElement.clientHeight) {
windowHeight = document.documentElement.clientHeight;
} else {
if (document.body && document.body.clientHeight) {
windowHeight = document.body.clientHeight;
}
}
}
return windowHeight;
}
function setFooter() {
if (document.getElementById) {
var windowHeight = getWindowHeight();
if (windowHeight > 0) {
var articleHeight = document.getElementsByTagName("article")[0].offsetHeight;
var headerHeight = document.getElementsByTagName("header")[0].offsetHeight;
var footerElement = document.getElementById('footer');
var footerHeight = footerElement.offsetHeight;
footerElement.style.top = (articleHeight + headerHeight + footerHeight) + 'px';
}
}
}
window.onload = function() {
setFooter();
}
window.onresize = function() {
setFooter();
}
</script>
et pour le footer:
<footer id="footer">.....pied de page</footer>
PrinceKreol
Messages postés
291
Date d'inscription
vendredi 23 octobre 2009
Statut
Membre
Dernière intervention
9 avril 2013
7
6 juil. 2012 à 13:26
6 juil. 2012 à 13:26
Y'aurais pas un moyen sans Javascript ?
Même si l'idée me plait, mais mon cahier des charges me l'interdis
Même si l'idée me plait, mais mon cahier des charges me l'interdis
vincent170186
Messages postés
316
Date d'inscription
mardi 17 mars 2009
Statut
Membre
Dernière intervention
28 septembre 2012
52
6 juil. 2012 à 14:10
6 juil. 2012 à 14:10
tu peux le faire avec l'attribut min-height ( https://www.zonecss.fr/proprietes-css/min-height-css.html ) mais ie va te faire des misères !
sinon tu peux essayé en mode "responsive" et utilisé des media queries -->
https://www.alsacreations.com/article/lire/930-css3-media-queries.html
( mais bon pas compatible avec ie7 et 8)....
donc il y'a bien d'autre moyen ! mais niveau compatibilité... le js serai plus sur !
sinon tu peux essayé en mode "responsive" et utilisé des media queries -->
https://www.alsacreations.com/article/lire/930-css3-media-queries.html
( mais bon pas compatible avec ie7 et 8)....
donc il y'a bien d'autre moyen ! mais niveau compatibilité... le js serai plus sur !
mpmp93
Messages postés
6648
Date d'inscription
mercredi 13 avril 2011
Statut
Membre
Dernière intervention
28 septembre 2015
1 339
6 juil. 2012 à 14:43
6 juil. 2012 à 14:43
yapa sans javascript, sauf à repenser entièrement la structure du code HaschTeuMeuLeu
PrinceKreol
Messages postés
291
Date d'inscription
vendredi 23 octobre 2009
Statut
Membre
Dernière intervention
9 avril 2013
7
6 juil. 2012 à 14:49
6 juil. 2012 à 14:49
Bon bah, je vais essayer lundi. Là et je reviens vers vous.
Bon week-end et merci :-)
Bon week-end et merci :-)
Melooo
Messages postés
1405
Date d'inscription
vendredi 28 novembre 2008
Statut
Membre
Dernière intervention
18 mars 2013
84
6 juil. 2012 à 14:55
6 juil. 2012 à 14:55
Euh non il peut très bien le faire en CSS, comme je t'ai proposé plus haut...
PrinceKreol
Messages postés
291
Date d'inscription
vendredi 23 octobre 2009
Statut
Membre
Dernière intervention
9 avril 2013
7
9 juil. 2012 à 13:00
9 juil. 2012 à 13:00
Ah ouais ?
Sauf que ta technique me fais un footer certe en bas, mais si la page est plus grande le footer se trouve sur la page même... donc au centre
Sauf que ta technique me fais un footer certe en bas, mais si la page est plus grande le footer se trouve sur la page même... donc au centre