WordPress : Pourquoi max-width : 97,5 % sur les images de contenu ?

Publié par Jean-Michel le

Y a-t-il une raison précise pour laquelle on retrouve max-width:97.5%plutôt 100%dans des thèmes communs comme Twenty Eleven ?

Solution n°1 trouvée

Étant donné que le thème TwentyEleven inclut également un rembourrage par défaut et une bordure pour les images (fluides) (voir CSS ci-dessous), une largeur de 100 % pousserait l’image en dehors de la largeur de son conteneur. Cela est dû au fonctionnement du modèle de boîte : la bordure et le rembourrage sont ajoutés à la largeur/hauteur.

img[class*="align"], img[class*="wp-image-"], #content .gallery .gallery-icon img {
    border: 1px solid #DDDDDD;
    padding: 6px;
}

Une meilleure solution serait de changer le calcul du modèle de boîte pour les images dans ce cas. Une propriété CSS3 appelée box-sizingest disponible pour cela.

img.size-full, img.size-large {
    height: auto;
    width: auto;
    max-width: 100%;
    -webkit-box-sizing:border-box;
       -moz-box-sizing:border-box;
            box-sizing:border-box;
}

Remarque : box-sizingne fonctionne pas dans Internet Explorer 7 ou inférieur.

Catégories : Wordpress

Jean-Michel

Jean-Michel est en charge de la partie blog du site. Il met en place la stratégie de contenu et répond aux questions fréquentes sur Wordpress.

0 commentaire

Laisser un commentaire

Avatar placeholder

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont indiqués avec *