Bonjour à tous,
J'ai fais un site OnePage pour mon client car peu de contenu.
J'ai mis en place les rubriques les unes au dessus des autres avec un display:flex.
Le problème est que mon footer devient invisible.
Si je change les lignes suivantes (display flex par table), j'ai bien mon footer qui s'affiche mais dans ce cas la les rubriques ne sont plus de la hauteur du navigateur.
Quelqu'un saurait-il comment faire pour allier les deux ? Avoir mon footer qui s'affiche ainsi que les rubriques de la hauteur de mon navigateur ?
Lien exemple ici
J'ai fais un site OnePage pour mon client car peu de contenu.
J'ai mis en place les rubriques les unes au dessus des autres avec un display:flex.
Le problème est que mon footer devient invisible.
html, body { flex-direction:column;
display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex; }
.bloc_centrage { position:relative; padding:0; margin:auto; z-index:1;
/* box-sizing */ box-sizing:border-box; -webkit-box-sizing:border-box; }Si je change les lignes suivantes (display flex par table), j'ai bien mon footer qui s'affiche mais dans ce cas la les rubriques ne sont plus de la hauteur du navigateur.
html, body { flex-direction:column; display:table; }
.bloc_centrage { position:relative; padding:0; margin:100px auto; z-index:1;
/* box-sizing */ box-sizing:border-box; -webkit-box-sizing:border-box; }Quelqu'un saurait-il comment faire pour allier les deux ? Avoir mon footer qui s'affiche ainsi que les rubriques de la hauteur de mon navigateur ?
Lien exemple ici