max-height est ignoré par IE

**andry.aime** · 27/03/2009, 07h10

Bonjour,
Je met un tableau dans un div que j'ajoute dynamiquement des lignes, avec FF,
lorsque le tableau atteint la 350px ou plus, un scroll vertical s'affiche et la taille
du div ne s'augmente plus. Par contre avec IE 6 , la taille du div s'augmente toujours et il n'y a pas de scroll.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<div style="width:97%; max-height:350px; overflow:auto; ">

Merci pour tout aide.

**desert** · 27/03/2009, 09h02

Bonjour,
Dans ce cas de figure, tu dois passer par JavaScript. Il te "suffirait" de récupérer la hauteur du div et d'imposer une hauteur fixe si jamais celle-ci dépasse 350px grâce à la propriété height.

**andry.aime** · 27/03/2009, 09h37

Merci et ça marche!

**Macmillenium** · 27/03/2009, 11h36

Bonjour,

Pour IE6-, tu peux tenter les expressions CSS appeler via des commentaires conditionnelles :

Code xhtml :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
 
<!--[if lte IE 6]> 
<style type="text/css">
#bloc { height:expression(this.scrollHeight > 350 ? "350px" : "auto"); }
</style>
<![endif]-->

**andry.aime** · 30/03/2009, 10h28

Encore merci, ça marche

max-height est ignoré par IE

CSS

Discussions similaires

Partager

Partager