[résolu] Des styles divergents pour IE dans une css unique

Bonjour à tous,

Pour diverses raisons, je ne peux avoir qu'une seule feuille de styles.

Pour un élément html, je voudrais servir des styles différents à IE.

Concrètement, voici mes styles :

#introFamille {
	position: relative;
	float: left;
	min-height: 320px;
}

Mais pour IE, je voudrais déclarer ça :

#introFamille {
	position: relative;
	float: left;
	min-height: 320px;
}

Ma petite tête n'a pas trouvé d'astuce en utilisant le hack

!important;

...
Si vous avez une idée.
Modifié par Boris (26 Sep 2005 - 11:58)

Je sais pas si je répond à ce que tu voulais mais je crois bien que la propriété min-height ne marche pas sous ie.

bonjour,
peut-etre que ceci convient :

#introFamille {
position: relative;
float: left;
min-height: 320px;
height:auto!important;/* n'est pas ecraser par la ligne suivante, sauf dans IE */
height:320px;/* height pour IE = min-height  (valeur prise en compte que par IE)*/
}

a plus

Yes, ça marche !

En revanche, je ne suis pas sûr de bien comprendre le fonctionnement.
J'essaye de résumer :

- min-height: 320px n'est pas compris par IE
- height: auto n'est pas compris par IE
- height: 320px derrière le !important n'est vu que par IE.

J'ai juste ?

En tout cas, merci beaucoup pour cette solution !

bonjour
non !
min-height, n'est pas compris par IE, mais IE comprend height comme min-height ... !

height:auto; veut dire ajustement automatique de la hauteur afin que le contenu reste dedans et reste affiché.

mais en indiquant height a IE on annihile le min-height pour les autres navigateurs qui ne redimensionnerons pas l'element, d'ou le height:auto avec le !important, qui a pour effet d'empecher cette valeur d'etre ecrasé par la suivante (ici 320px).
Ie ne comprend pas cette regle, et donc applique un height:320px; (comme une hauteur minimale).
tu as donc l'effet recherché! une hauteur minimale pour IE et les autres.