WordPress : Pourquoi max-width : 97,5 % sur les images de contenu ?
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-sizing
est 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-sizing
ne fonctionne pas dans Internet Explorer 7 ou inférieur.
0 commentaire