Comment centrer verticalement une image dont on ne connais pas la hauteur dans un conteneur de hauteur connu.

Voila un petit bout de code pratique si vous avez besoin de faire un cadre avec une ombre et qu’il soit redimensionnable par css. Au passage on ajoute un fond transparent mais c’est pas nécessaire.

Nous allons voir ici comment, avec un peu d’HTML et de CSS on peut placer une image en fond de site de manière à ce qu’elle prenne toute la taille de l’écran et soit centrée horizontalement ET verticalement.

Je voulais améliorer les performance de mon annuaire d’annuaires et j’ai donc voulu compresser mes fichier css et javascript en faisant une petite compression gzip.

La compression gzip permet de limité la perte de bande passante dû au téléchargement des fichiers css et javascript c’est de plus une des optimisations de site qui peuvent avoir une influence sur votre référencement. 5 minutes suffisent pour la mettre en place donc ne passez pas à coté.