web-dev-qa-db-fra.com

Comment résoudre - IE 6 ignore les propriétés "largeur" ​​de img

Dans ce post:

http://humus101.com/?p=1734

Nous avons 4 images définies (dans la propriété img) d’une largeur de 246 pixels.

En chrome ça a l'air bien. Dans IE6, ce n'est pas le cas.

Des suggestions sur la façon de résoudre ceci?

imageshtml
1
Tal Galili

J'ai résolu le problème.

Dans le style.css

J'avais besoin de faire le changement suivant

#content img {
    margin: 0;
    height: auto;
    max-width: 640px;
    /*width: auto;*/
}

Je me demande maintenant comment rendre ce séjour possible pour toutes les mises à jour de thèmes suivantes ...

2
Tal Galili

L'attribut height de l'image est manquant. Je ne m'interrogerai donc pas sur les différences d'affichage entre les navigateurs, car les spécifications de HTML 4 ne définissent pas clairement comment gérer une telle situation.

Comment faire avec ça? Accrochez-vous dans le thème theme/wp et corrigez le code qui, à côté de l'attribut width, attribut height est également calculé et utilisé.

2
hakre

Si 640 px est la largeur que vous voulez. Je voudrais aller dans wordpress et mettre en place comme l'une des tailles pour les images; et ensuite, lorsque vous souhaitez en insérer un dans un message, sélectionnez la taille correspondante.

Sous Paramètres-> Média, vous pouvez définir les tailles Moyenne et Grande. Je voudrais changer ces à ce que vous voulez; utilisez ensuite ce plugin http://wordpress.org/extend/plugins/bulk-image-resize-utility/ qui redimensionnera les images que vous avez.

Ce que Wordpress fera est de créer de nouvelles images avec ces dimensions. Ce que cela fait pour l’utilisateur, c’est qu’ils téléchargent uniquement la taille de l’image qu’ils voient, ce qui réduit le temps de chargement de la page.

Vous devrez peut-être revenir dans votre message et éditer les images pour utiliser la taille moyenne ou grande.

0
Ryan Gibbons
#content img {
    margin: 0;
    height: auto;
    max-width: 640px;
    width: auto;
}

Ce qui précède m'énerve énormément. J'ai supprimé le code width: auto; dans le thème TwentyTen, mais cela a fonctionné. Pour ce qui est de l'option tbeme enfant, comment peut-on laisser la ligne dans le thème enfant tout en restant utilisée avec le thème parent, c'est bizarre!

Bien que la feuille de style du thème enfant remplace l'utilisation du thème TwentyTen.

0
Brian