2010-09-15 5 views
4

J'ai un DIV qui doit toujours rester en bas/à gauche de la page, quelque chose comme un menu de pied de page.IE8 en bas: 0 en position: absolu se comporte comme position: fixe

div#bottom_menu 
{ 
    position: absolute; 
    z-index: 1; 
    left: 0; 
    bottom: 0; 
    width: 90%; 
} 

Ma page il a min-hauteur définie et lorsque l'utilisateur se rétrécit ci-dessous qu'il obtient des barres de défilement. Le problème est quand cela arrive, dans IE8 le div se déplace vers le haut pour correspondre au nouveau point le plus bas du point de vue comme il se comporterait s'il était avec la position: fixe. Pire encore, lorsque vous redescendez, l'élément ne descend pas (comme en position: fixe) mais reste ridiculement au milieu de la page. Cela fonctionne parfaitement dans Firefox, Opera et Chrome. Est-ce un bug d'IE connu et comment le contourner?

Répondre

3

Super, j'ai reçu un insigne de Tumbleweed pour une question super impopulaire.

En attendant quelqu'un pour m'aider ici je l'ai résolu moi-même (comme d'habitude). Je l'ai fait en mettant bottom_menu dans un div wrapper assez similaire à l'ancien conteneur, seule la différence est qu'il n'y a pas de débordement: hidden; et n'est pas directement à l'intérieur du corps. Cela l'a fixé par une raison étrange. Peut-être que cela aidera quelqu'un.

+0

J'ai le même problème mais en FF 3.6. Pour clarifier, quand ça marche pour toi, div # bottom_menu est dans un div enveloppant non-typé et que div-wrapping n'est pas un enfant direct du corps? –

+0

Non, j'ai un autre wrapper qui entoure tous les éléments de la page, y compris div # bottom_menu. Et ce n'est pas directement un enfant de corps. S'il vous plaît, notez, je n'ai eu aucun problème avec FF/Votre problème est peut-être différent? –