Aller au contenu

[Résolu] Problème de min-height sous IE


Bridou

Sujets conseillés

Bonsoir,

Voilà, j'ai de gros soucis avec IE qui commence vraiment à me faire $ù^$*ù, si seulement il n'était pas utilisé par de nombreux visiteurs...

Enfin ceci dit, j'ai un problème avec l'attribut min-height.

J'au un div qui est utilisé pour le contenu central de mon site et il se redimensionne automatiquement selon le texte qui est dedans.

Mais voilà, je voudrais lui fixer une hauteur minimale afin de ne pas avoir un design moche quand il n'y a pas/peu de texte dans le contenu central.

J'ai utilisé cet attribut : min-height, sur le style de mon div.

Sous FireFox ca marche niquel chrome et sous IE et bien rien du tout.

Le navigateur ne prend pas en compte cet attribut et j'ai toujours le même problème d'affichage, ex :

post-1-1128363764_thumb.jpg

Voilà, auriez vous une quelconque solution pour obligé mon div a avoir une hauteur minimale sous IE ?

Merci d'avance,

Bridou

Lien vers le commentaire
Partager sur d’autres sites

bonsoir.

je te donne un hack pour IE il y en a d'autres je ne me souviens plus lesquels mais celui la fonctionne

#bloc {

height: auto;

min-height: ta hauteur voulue;

_height: ta hauteur voulue; // hack uniquement interprété par IE Win

}

Lien vers le commentaire
Partager sur d’autres sites

Merci ca a tout à fait fonctionné.

Mais pourquoi faut il utiliser cette ruse, as tu une explication ?

Y'a t'il un site qui répertorie ces petits hacks ?

Encore une fois merci,

Bonsoi.

Bridou

Lien vers le commentaire
Partager sur d’autres sites

Bridou,

J'ai édité ton post pour en retirer l'image en ligne. Merci de garder à l'espris que tout le monde n'a pas l'adsl et qu'une image de plus de 140K représente près d'une minute de téléchargement avec un modem.

Dan

Lien vers le commentaire
Partager sur d’autres sites

Merci ca a tout à fait fonctionné.

Mais pourquoi faut il utiliser cette ruse, as tu une explication ?

Y'a t'il un site qui répertorie ces petits hacks ?

Encore une fois merci,

Bonsoi.

Bridou

<{POST_SNAPBACK}>

En fait, IE ne connait pas la propriété min-height. Donc il l'ignore.

Deuxièmement, IE interprète la propriété height comme un min-height.

La ruse consiste à mettre "_" devant une propriété pour qu'elle ne soit interprétée que par IE. C'est parfaitement invalide, il n'existe pas de propriété "_height", c'est le troisième bug d'IE dans ce cas... qui fait comme si le "_" n'existait pas. Ça fait beaucoup, mais ça permets de s'en tirer. :lol:

Tous les autres navigateurs n'interprèteront que le min-height. IE interptétera le _height comme un min-height. Au final ça marche !

Lien vers le commentaire
Partager sur d’autres sites

Veuillez vous connecter pour commenter

Vous pourrez laisser un commentaire après vous êtes connecté.



Connectez-vous maintenant
×
×
  • Créer...