[RÉGLÉ] Hauteur pleine page des articles quelque soit le format de l'écran

[amarchand83]

Bonjour,

J'ai des articles texte avec une image en background de 1920 X 1080 (taille de mon écran) sans autre image qui s'affichent parfaitement bien sur mon écran ainsi que sur mon PC portable (écran plus petit donc) mais sur un écran de grande taille la page s'affiche à 100% en largeur mais pas en hauteur, elle reste plus petite, ce qui bien sur n'est pas le but d'un écran de grande taille.

J'ai fait différents essais en custom.css mais sans succès... (height: 100%;...)

[lomart]

Re : Hauteur pleine page des articles quelque soit le format de l'écran

Bonsoir,

Il faut mettre un background-size:cover en css

[amarchand83]

Re : Hauteur pleine page des articles quelque soit le format de l'écran

Le background-size:cover en css s'aligne en hauteur sur la hauteur de l'article, ce que je veux dire c'est que si l'article ne permet pas un remplissage de l'écran l'image en background s'adapte à la hauteur de l'article, le pied de page se trouve bien sur en dessous et le bas de l'écran est blanc.
Où ai-je fait une erreur?
Je voudrai dans tous les cas (petit taille de l'article ou grand écran) remplir verticalement l'écran

[lomart]

Re : Hauteur pleine page des articles quelque soit le format de l'écran

Donc, si j'ai bien compris, c'est le footer qui n'est pas collé en bas de l'écran
Cela se règle au niveau du template

[amarchand83]

Re : Hauteur pleine page des articles quelque soit le format de l'écran

Un dessin veut mieux que des discours... un exemple

http://s676245095.onlinehome.fr/?id=23

J'utilise template creator CK...

[lomart]

Re : Hauteur pleine page des articles quelque soit le format de l'écran

C'est dommage que Cedric soit en vacances. Je vais essayé de te répondre

La première chose est de forcer la hauteur du bloc principal à 100% avec cette règle

#wrapper { min-height: 100vh; }

puis forcer l'article par

#article { min-height: 70vh; }

c'est du bidouillage, mais sans contenu c'est dur de se rendre compte

j'obtiens ceci :