Discussion :

[Droïde Système7]

Bonjour,

Encore cette histoire de gueguerre entre IE et les autres butineurs

Après bien des recherches, je tourne en rond, j'ai trouvé des tags à ajouter du genre :

Code :

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

1
2
3
4
<!--[if IE]>
...
height:100%;
<![endif]-->

Mais je retourne en rond, car c'est pas exactement ce que je recherche.

Voici mon code qui fonctionne impeccable partout (?) mais sauf sous IE :

Code :

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

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
...
<pre style="margin: 0px;
	          padding: 6px;
	          border: 1px inset;
                  width: 80%;

                  height: auto; 
                  max-height: 150px;		

                  text-align: left;
		  overflow: auto">
Ici le texte, tout le texte...
Un texte indéfini en nombre de lignes.
Un texte indéfini en nombre de lignes.
Un texte indéfini en nombre de lignes.
Un texte indéfini en nombre de lignes.
Un texte indéfini en nombre de lignes.
Un texte indéfini en nombre de lignes.
Un texte indéfini en nombre de lignes.
Un texte indéfini en nombre de lignes.
Un texte indéfini en nombre de lignes.
Un texte indéfini en nombre de lignes.
Un texte indéfini en nombre de lignes.
Un texte indéfini en nombre de lignes.
</pre>
...

Je souhaite un code qui permette (sans .CSS) de passer en height: auto avec une limite de max-height: 150px.

Bref, d'obtenir une barre de scroll verticale passé par exemple les 150px de hauteur.

Cela est-il possible également avec IE ?

Merci de vos expériences en HTML.

[Kerod]

Sous tous les navigateurs exceptés IE le max-height fonctionnera mais pour IE c'est ton height que tu dois spécifier.

autrement dit tu pourrais utiliser un hack

Code :

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

1
2
3
4
 
   height : auto !important; /* Tous les navigateurs exceptés IE6 < */
   height: 150px; /* IE6 < */
   max-height: 150px; /* Tous nav exceptés IE6 < */

C'est ce que tu recherches ?

[Candygirl]

Sous tous les navigateurs exceptés IE le max-height fonctionnera mais pour IE c'est ton height que tu dois spécifier.

IE7 interprète aussi le max-height. C'est donc IE6 et moins qui sont concernés.

Ensuite ton code permet de reproduire le comportement d'un min-height sur IE6 mais pas d'un max-height

[Droïde Système7]

IE7 interprète aussi le max-height. C'est donc IE6 et moins qui sont concernés.

Ensuite ton code permet de reproduire le comportement d'un min-height sur IE6 mais pas d'un max-height

Bonsoir Candygirl,

Alors en concret, que proposes-tu ?

[Candygirl]

Alors en concret, que proposes-tu ?

Je n'ai rien proposé de concret parce que je ne me suis jamais penchée sur la question. J'essaierais d'abord un truc du genre je pense:

Code html :

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

1
2
3
4
5
6
7
8
<!--[if lt IE 7]>
<style type="text/css">
  pre {
		height:150px; /* au cas ou jvascript est désactivé */
		height:expression(this.offsetHeight>=150 ? "150px" : "auto");
	}
</style>
<![endif]-->

[Droïde Système7]

Merci Candygirl de ta réponse,

Manque de bol, ça flanque le boxon sur Mozilla, sur IE ça sucre la barre de scroll.

Je rapelle que je ne passe pas en fichier .CSS pour diverses raisons.

Hein ? si si je n'ai pas posté en ce forum CSS, mais...


Edit : Au fait, le principe de mon problème doit être similaire lorsque l'on place une paire de balises "code" en ces forums ou en d'autres ; le code généré doit tenir compte de s'il s'agit d'une seule ligne ou de plusieurs. Bref de placer ou non cette barre de scroll, tout en veillant si pas de barre de scroll, de ne pas laisser de "blanc" au dessous. Mais c'est peut-être super compliqué.

[Kerod]

IE7 interprète aussi le max-height. C'est donc IE6 et moins qui sont concernés.

Oui oui c'est ce qui est dit dans les commentaires du CSS

Ensuite ton code permet de reproduire le comportement d'un min-height sur IE6 mais pas d'un max-height

Effectivement re

[Droïde Système7]

Bonsoir Kerod,

C'est ce que tu recherches ?

Whaaaouuuhhh tu en sais des choses !

Je n'avais pas encore réussi en obtenant un résultat convenable

Ce n'est pas mal du tout, mais partout (sous les autres fureteurs) ça fonctionne impec, là encore sous IE, le heigth reste au max en 150px, tandis que par exemple sous Mozilla ça fonctionne impec en montrant automatiquemennt et seulement les lignes contenues.

Bref, c'est déjà pas mal, mais si le heigth de IE pouvait se convertir en auto...

Mais je te remercie déjà de ce code, s'il n'est pas possible de faite mieux, je serais déjà très content. Super déjà d'avoir la barre de scroll avec IE !