Forcer l'affichage pleine hauteur de page

Information importante

En raison d'un grand nombre d'inscriptions de spammers sur notre site, polluant sans relache notre forum, nous suspendons la création de compte via le formulaire de "sign up".

Il est néanmoins toujours possible de devenir adhérent•e en faisant la demande sur cette page, rubrique "Inscription" : https://www.drupal.fr/contact


De plus, le forum est désormais "interdit en écriture". Il n'est plus autorisé d'y écrire un sujet/billet/commentaire.

Pour contacter la communauté, merci de rejoindre le slack "drupalfrance".

Si vous voulez contacter le bureau de l'association, utilisez le formulaire disponible ici, ou envoyez-nous un DM sur twitter.

Bonjour à tous et à toutes et merci de faire vivre cette communauté quo m'a permis de faire un site qui me plait en très peu de temps et sans connaissance css/php. Au passage un merci au créateur du theme business que je trouve très esthétique et agréable.

Voici l'adresse de mon site http://www.yannvies.fr

Voici mes petits problèmes :

  • Si vous regardez sur la page d'accueil j'ai crée un bloc copyright perso que j'ai mis dans le footer, le problème étant que je n'arrive pas a forcer l'affichage du wrap jusqu'en bas de la page si il n'y a pas de contenu afin que mon footer soit collé au bas de l'ecran quel que soit la résolution.

Merci d'avance pour vos coup de pouces ;)

Version de Drupal : 

Si j'ai bien compris, il s'agit d'avoir un pied de page fixe, quelle que soit la hauteur de la page.

Pour cela il faudra passer par un peu de CSS. Voir quelques exemples :
http://ryanfait.com/resources/footer-stick-to-bottom-of-page/ ou http://www.dave-woods.co.uk/index.php/css-fixed-footer/

Pour le DIV du footer, on peut avoir quelque chose du type :

#footer {
width: 680px;
background-color: #000;
color: #DDD;
text-align: center;
height: 40px;
padding-top: 10px;
margin: -50px auto 0 auto;
}

à adapter en fonction de la largeur de la page, bien sûr. C'est l'attribut margin qui permet de gérer l'emplacement. On peut aussi voir des CSS qui utilisent le positionnement absolu :

#footer {
    position:absolute;
    bottom:0px;
    width: 100%;
    margin: 0;
    background-color: #000;
    height: 100px;/* or however high you would like */
}

Merci de ton aide j'ai pratiquement réussi, voici ce que j'ai donc fait:

html,body {
height: 100%
}
#footerperso{
margin: -55px auto 0 auto;
height: 40px;
width: 1000px;
padding-top: 10px;
background-color: #b81007;
color: #FFF;
text-align: center;
}

Pour finaliser tout ça il ne me reste plus qu'a supprimer le scrolling inutile dû je suppose à mon border-top dans le wrap, mais encore une fois je tourne en rond...

pour vous rendre compte de quoi je parle ça se voit bien sur la page http://www.yannvies.fr/evenements