Bonjour, je réalise un site sur Wordpress avec le thème Skeleton et j'ai besoin d'intégrer un bandeau faisant 100% de la page un peu avant le footer. La taille de mes pages est de 960px et j'ai donc du placer ma div contenant le bandeau au dessus du wrapper pour qu'il prenne bien toute la largeur

Code html : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
<body class="page page-id-2 page-template-default sidebar-left">
    <div id="background_footer"></div>
    <div id="wrap" class="container">

Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
.page-id-2 #background_footer {
    background: url("images/background_footer.png"); height: 73px; display: block; position: absolute; bottom:0px;
    width: 100%;
}
Ce qui donne ceci : http://hpics.li/6dea92a

Le problème est que quand le contenu des tabs du dessus est plus conséquent, le texte placé sur le bandeau se retrouve décalé alors que le bandeau lui reste en position : http://hpics.li/eed60d4

Y a t-il un moyen de faire déplacer le bandeau en fonction du contenu au dessus ? J'aimerais aussi savoir si il est possible de centrer les titres (comme "Mon parcours") en hauteur sans passer par un
Code : Sélectionner tout - Visualiser dans une fenêtre à part
display: table-cell;
?