Background 100% height

Bonjour,

J'ai pris un tuto sur Alsacreations pour obtenir un background en full screen. Ca fonctionne très bien sur Firefox et sur Chrome mais pas sur Safari.

#home-header-content{
    height:100vh !important;
}

Voici l'adresse de la page :
http://www.conv.agence-coda.net/

J'ai aussi essayé avec

height:100% !imoortant!;

mais ça ne marche pas non plus.

Une solution?

Merciiiiii!!!!!

Bonjour.

On peut employer les '%' mais il faut que ' height : 100%' soit appliqué aux parents jusqu'à 'html'...

!important est, je pense, sans intérêt...

Merci! Oui effectivement c'est ce que je viens de lire...

Du coup j'utilise mi-height pour les éléments parents si je veux ajouter d'autres éléments en dessous de l'élément fullscrenn non?

Pour html et body, height : 100%
min-height : 100% pour les autres parents...

Je suis sur un theme wordpress un peu lourd. Du coup j'ai des tonnes de cascades. je me dis que je pourrais peux être donner une instruction avec une hauteur fixe juste pour safari. ant pis ce ne serait pas exactement à la hauteur 100% mais ça ferait l'affaire.

savez vous comment cibler uniquement Safari en CSS?