28172 sujets

CSS et mise en forme, CSS3

Salut à tous,

je reste pantois devant un problème que je n'arrive à résoudre :

Remplir une page entière (hauteur+largeur) d'élément à l'aide de display:table

recette :

un header avec taille défini + une zone de contenu

j'ai réussi à faire ce que je voulais en séparant le header d'un conteneur mais je me retrouve avec la hauteur du header en plus des 100% de la hauteur totale du document.

Donc je suis parti sur une structure imbriquée mais là, je me retrouve avec mon contenu qui ne s'adapte pas à toute la hauteur.

le code html+css en question : http://codepen.io/anon/pen/bkmgn

Si vous avez des idées pour me donner des pistes n'hésitez pas !