[CSS] IE n'accepte pas la propriété min-height - comment obtenir le même comportement

Logiciel & apps Programmation
1

En gros le comportement est le suivant: il est possible que le menu soit plus haut que le contenu lui-même… dans ce cas si je me fie seulement au height par défaut (soit celle du contenu central) mon menu dépasse plus bas. C’est pourquoi j’ai ajouter la propriété min-height au contenu (pour qu’il ait au minimum la hauteur maximum de mon menu). Ça fonctionne #1 sous FF mais… mon bien aimé et adoré IE ne prend pas la propriété en compte donc ça déborde :(. Voici une partie du CSS… Si besoin de plus d’info demandez :wink:


body {
	margin: 0;
	padding: 0;
	text-align: center;
	font: 0.8em "Trebuchet MS", helvetica, sans-serif;
	background: #1B4A7E;
}

div#conteneur {
	width: 758px;
	margin: 0 auto;
	text-align: left;
	border-left: 3px solid #000;
	border-right: 3px solid #000;
	background: #fff;
	position: relative;
}

div#header {
	height: 268px;
	background: url(img/biencourt_v__1x1.jpg) no-repeat right top;
	text-indent: -5000px;	
}

/*TODO: Enlever le "Bienvenue à Biencourt" de l'image header et la mettre en lien pour l'Accueil
h1#header a
{
	width: 400px;
	height: 70px;
	display: block;
	background: url(title.gif) no-repeat;
	position: relative;
	left: 350px;
	top: 15px;
}
*/
div#centre {
	background-color:#9999CC;
	margin-left: 190px;
	margin-right: 140px;
	min-height: 600px;
}

div#gauche {
	position: absolute;
	left: 0;
	width: 190px;
}

div#droite {
	position: absolute;
	right: 0;
	width: 140px;
	padding-top: 120px;
	background: url(img/biencourt_v__2x3.jpg) no-repeat right top;
}
	div#pied {
	height: 30px;
	background-color: #99CC99;
}

Ah oui pour ce que j’ai trouvé il y avait d’ajouter:


div#conteneur {
	[...]
	height: 100%;
}

Ce n’est pas mieux même que mon pied de page devient mal positionné…

2

J’ai pas lu ton code, mais je sais qu’il existe des hacks et des équivalents de ces mystérieuses fonctions que IE ne saurait reconnaître.
Va voir Alsacréation pour ce genre de problème, ils en ont repertoriés pas mal, tiens :
http://blog.alsacreations.com/2004/08/17/5…ternet-explorer

3

min-height ne fonctionne que sur td, th sous IE6. Sous IE7, c’est plus si simple :

http://msdn.microsoft.com/workshop/author/…s/minheight.asp

4

Merci, la solution :


* html div#centre {
height: 600px;  /*hack uniquement interprété par IE Win+Mac*/
}

*IE interprète "height" comme un "min-height", un peu bizard mais bon ça fait le travail. :wink: