28220 sujets

CSS et mise en forme, CSS3

Une boite etirable sous firefox

Bonjour,

Je veux afficher une boîte div dans une autre, et je veux que le div externe soit souple (etirable en fonction du contenu du div interne.)

Je l'ai fini, mais le problème c'est qu'il n'est pas compatible firefox... sous IE c'est impecc !!!
Vous le trouverez ici: http://blog.afrikart.net/test.htm

Quand on survol le bouton, sous firefox le texte flotte, alors que sous IE, le texte étire la boite de fond bleu ...

Merci
Salut,

Et un "height:auto;" sur le div #content ça irait pas mieux ? Pourquoi avoir fixé sa hauteur à 30px ?

IE étire toujours les blocks en fonction de leur contenu, au mépris de l'indication de hauteur, alors forcément ça marche mais c'est pas clean... Smiley smile
+1 pour le height auto.

En fait, IE traite l'attribut height exactement comme min-height. Donc quand tu précises 10px, IE va interpréter ça comme "10 pixels minimum". Au contraire de FireFox.

Donc, à faire dans le CSS, un p'tit hack pour dire à FireFox et les autres "10 pixels minimum, taille extensible", tout en préservant le comportement sous IE :
#content {
  min-height: 30px;
  height: auto;
}
* html #content { /* Uniquement pris par IE */
  height: 30px;
}

Modifié par FlorentG (28 Sep 2005 - 21:57)
Sujet clos
Aller à