Max-width dans une image sous IE?

Version imprimable

22/12/2005, 15h28
Death83

Max-width dans une image sous IE?

Salut a tous,

j'ai défini une image comme ca:

Code:

<img src="" style="max-width:820px;">

Ca marche bien osus FF mùais ca ne marche pas sous IE.
Est-ce normal? Si oui comment y remédier?

Ps: En fait c'est pour que les utilisateurs de mon forum puisse intégrer des images avec leur liens. Je veut donc controler la largeur maximale pour que ca ne déforme pas mon forum.
22/12/2005, 15h52
amika

oui c normal car ie n'interprete pas max-width et min-width
22/12/2005, 16h28
Death83

arf et y'a pas moyen de faire la meme chose autrement?

javascript ou php je crois bien !
Je pense qu'il faut mieux utiliser PHP pour une meilleur compatibilité.

PHP

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
 
Tu regarde si ya une insertion d'image, si yen a une tu utilise le script suivant à ta sauce...
 
<?php 
        $affiche=150; 
 
            $image='images/thumbs/exemple.jpg'; // adresse de l'image 
            if (!file_exists($image)) 
        // image de substitution 
            { 
            $image='admin/images/nopict.gif'; 
            $largeur2=84; 
            $hauteur2=60; 
            } 
            else 
            { 
            $taille=getimagesize($image); 
            $largeur=$taille[0]; 
            $hauteur=$taille[1]; 
 
            //image verticale ou carrée 
            if ($hauteur>=$largeur) 
            { 
            $hauteur2=$affiche; 
            $largeur2=round(($hauteur2/$hauteur)*$largeur); 
            } 
 
            //image horizontale ou carrée 
            else 
            { 
            $largeur2=$affiche; 
            $hauteur2=round(($largeur2/$largeur)*$hauteur); 
            } 
            } 
echo" 
<img border='1' src='$image' width='$largeur2'  height='$hauteur2' > 
"; 
?>

23/12/2005, 01h03
Death83

Merci c'est également ce que j'ai pensé faire. je me suis lancer la dedans mais le probleme c'est que les images ont des adresse avec http et le getimagesize ne marche pas dans ce cas la :(.
23/12/2005, 01h20
Roromix

donc alors, soluce 1 :
- Tu enregistre l'image sur ton serveur
- Tu vérifie la taille avec le script PHP
- Tu garde les nouvelles tailles et tu met l'URL de l'image distance

soluce 2 : Javascript
23/12/2005, 01h23
Death83

Citation:

Envoyé par Roromix

donc alors, soluce 1 :
- Tu enregistre l'image sur ton serveur
- Tu vérifie la taille avec le script PHP
- Tu garde les nouvelles tailles et tu met l'URL de l'image distance

soluce 2 : Javascript

Je veut pas javascript (caca).
Et je ne peut pas enregistrer l'image sur mon serveur. Car en fait c'est pour un forum et donc les personnes mettent leurs lisn pour afficher l'image (comme sur ce forum par exemple). SI je me met a enregistrer sr le serveur toutes les images c'est sources de beaucoup de probleme 8) .
23/12/2005, 01h34
Roromix

Oups dsl, j'ai oublier une étape.

- Tu enregistre l'image sur ton serveur
- Tu vérifie la taille avec le script PHP
- Tu supprime l'image du serveur
- Tu garde les nouvelles tailles et tu met l'URL de l'image de départ.
23/12/2005, 01h38
Roromix

Bon je crois qu'on va en finir la car moi je commence à être fatigué et puis j'ai surement trouvée une solution :

Citation:

CSS : Emuler max-width avec Internet Explorer
L'utilisation d'une extension propriétaire du langage CSS permet au navigateur de Microsoft de se conformer aux attentes du designer.

27 Avril 2005 Forum

Réagissez dans les forums de JDN Développeurs

La propriété CSS max-width sert à spécifier la largeur maximale que peut prendre un élément. En pratique, cela autorise la création d'éléments qui prennent la taille idéale pour ce qu'ils contiennent, sans pouvoir dépasser une certaine valeur.

Le navigateur de Microsoft ne permet cependant pas de faire appel à cette propriété. Pour passer outre cette limitation, il est possible d'utiliser une extension de CSS, invalide car propriétaire (limitée à IE) : expression. Cette extension permet de lancer des appels JavaScript au sein même de la feuille CSS. Cela n'est guère recommandé à cause du manque de portabilité de cette technique, mais dans des circonstances où seul IE est visé, cela peut se justifier - à condition de placer expression dans une CSS à part, accessible uniquement par IE :



L'expression permettant de contourner l'absence de max-width serait alors :

#element {
width:expression(document.body.clientWidth > 450 ? "450px" : "auto");
}

qui donne un équivalent de

#element {
max-width: 450px;
}

Vive Google (recherche : max-width ie)
23/12/2005, 02h04
Death83

Merci beaucoup. Mais je crois que je vais plutot réfléchir sur la solution php. Car je préfére éviter au maximum l'utilisation du javascript. (Sinon j'avais deja entendu parler de cette méthode mais elle ne m'avais pas intéressé ;)).