Pseudo Mot de passe
fleche Inscription
fleche Mot de passe oublié ?
Informations Générales
Chargement en cours...
Nombre de Visites fleche [ 140463 ]
Votre IP fleche [ 38.103.63.16 ]
Vous êtes ici : Home Page Dossiers Trucs et astuces (CSS) Min-height et max-height avec IE
Imprimer Imprimer le document

Informations Membres

[195] Posts sur le forum
[177] Membres inscrits
Il y a en ligne :
  arrow 0 Membre
  arrow 1 Invité

fled Membre en ligne:
Aucun

Partenariat

Partenariat Vous pouvez aider ce site à évoluer, en contribuant à son développement. Proposez vos idées de cours et/ou dossiers. Rendez-vous dans « Partenariat » pour en savoir plus.


Nom de domaine

www.

Partenaires

CSS - Utilisation de min-height, max-height avec IE

Auteur : 3L!X | Créé le : 04/08/2007 à 19H30 (Source : forum.alsacreations.com)

Les versions antérieures à Internet Explorer 7, ne comprennent pas les propriétés CSS "min-height" et "min-height".
Nous allons donc utiliser une méthode avec du Javascript, afin de reproduire le même résultat.

Note : Les exemples de style sont à placer en commentaire conditionnel pour IE lt IE 7 (lt signifiant less than : "plus petit que")

Pour le cas de "min-height"

<style type="text/css">
div {
min-height: 500px;
}
</style>

<!--[if lt IE 7]>
  <style type="text/css">
  div {
  height: 500px;
  }
  </style>
<![endif]-->

IE n'interprête pas correctement la propriété "height" et la considère comme "min-height" : elle s'allongera en fonction du contenu.
Il suffit donc d'indiquer une hauteur (height) uniquement à IE6, et une hauteur minimale (min-height) pour les autres navigateurs.

Pour le cas de "max-height"

<!--[if lt IE 7]>
  <style type="text/css">
  div {
  height: 500px;
  overflow: hidden;
  height: expression(this.scrollHeight > 800? "800px": "auto");
  }
  </style>
<![endif]-->

Explication : Si la hauteur de la fenêtre est supérieure à 800px, alors elle sera forcée à 800px. Dans le cas où, le JavaScript est inactif, la hauteur sera de 500px.

(0) commentaires - Voir/EditerAjout commentaire

Haut de page