Div fixe positionné avec une hauteur fixe et div diviseurs absolus ou relatifs à l'intérieur avec une plus grande hauteur

Question

J'ai un problème avec IE.

J'ai un div fixe comme ceci:

#fixed { 
position: fixed; 
top: 0px; 
left: 0px; 
z-index: 9998; 
width: 100%; 
height: 40px; 
} 

Dans ce div Je veux placer un autre div qui a une hauteur qui est supérieure à son titulaire (supérieur à 40px). Donc je mets un relatif ou un div absolu à l'intérieur et ça marche splendide dans tous les navigateurs sauf IE, au moins IE8.

Mais dans IE8 le div enfant est coupé à cause de la hauteur de 40px spécifiée pour son support.

Y a-t-il une solution de contournement à ce problème? Je commence à obtenir des cheveux gris ..

Answer 1

Réponse rapide: avez-vous essayé de définir la propriété clip de la div contenue à sa propre taille?

Une autre solution serait (si, disons que vous avez un conteneur div avec des marges gauche/droite auto et position: relative) d'avoir la deuxième div en dehors de la div fixe dans votre code HTML, placez alors il fixed dans le conteneur div au lieu - car il est également fixe, vous pouvez alors définir les positions haut/bas et gauche/droite pour convenir.