[résolu] Forcer la hauteur d'un élément sous IE6

Bonjour,

ce n'est peut être pas à proprement dit un problème de mise en page, mais je tente. Je souhaite forcer la hauteur d'un élément malgré les quelconques propriétés de tailles de ses enfants. En clair:

CSS

#container { background: orange; width: 200px; height: 615px; position: relative; padding: 20px 0 0 0; }
.content { text-align: center; height: 300px; background: pink; position: relative; margin: 5px; }

HTML

<div id='container'>
	<div class='content'>Content One</div>
	<div class='content'>Content Second</div>
</div>

SCRIPT (petite instruction pour rapetitir la hauteur de mon container après le loading)

window.onload = function() {
	$('container').setStyle({ height: '400px' });
}

Le comportement que je souhaiterais est que malgré la hauteur total de 600px de mes div.content, la hauteur de mon div#container passe tout de même à 400px. Firefox, IE7, Safari, Chrome ... fonctionnent comme je le souhaite. Malheureusement IE6 refuse de redimensionner mon div#container puisque il deviendrait plus petit que la hauteur utile à ces enfants.

Est-ce dû à un style par défaut d'IE6? Y a-t-il un truc qui m'échappe, une "configuration css" qui puisse forcer cela?

Merci
Modifié par MrHankey (05 Mar 2009 - 14:57)

Bonjour,

C'est probablement dû à un défaut d'IE6 dans l'implémentation de la propriété height. En simplifiant un peu: tant que l'on n'utilise pas la propriété overflow avec les valeurs auto ou hidden, la propriété height sera interprétée par IE6 comme un min-height. IE7 corrige ce problème.

Par contre je ne comprends pas bien à quoi peut te servir cette hauteur fixe. Tu cherches à faire dépasser tes contenus?

ok, donc un petit overflow: hidden et c'est réglé!!

en fait c'est un exemple très simplifié, je ne cherche pas a faire dépasser mon contenu puisque celui-ci sera réadapter après la modification du container, c'est juste que la taille de mon container dépend d'autres critères, de tailles minimales.... ie6 nanana en gros je set une très grande parties des tailles de mes éléments en javascript a tout-va

merci encore