2009-09-28 8 views
2

J'ai une div, avec une image qui doit être coincé dans le coin inférieur droit. Cela se fait facilement avec:Comment puis-je obtenir une image pour coller au fond d'un div que la hauteur de la div change?

#div1 { 
    position: relative; 
} 

#div1 img { 
    position: absolute; 
    bottom: 0; 
    right: 0; 
} 

Cependant, la hauteur de la div change dynamiquement en morceaux d'une série de listes imbriquées montrent et se cachent sur les événements en vol stationnaire. Lorsque la hauteur du div change, l'image reste là où elle a été placée lorsque la page a été chargée. Comment puis-je faire bouger l'image avec le bas de la div lorsqu'elle se déplace de haut en bas?

+0

Je ne peux pas sembler reproduire ce comportement dans Firefox, est-il spécifique navigateur? – roryf

+0

Je ne peux répliquer que si je définis explicitement la taille de div1. L'image reste à la largeur du bas, hauteur tandis que le texte peut s'étendre hors de la div. – Mark

Répondre

1

Cela n'est pas supposé se produire. Vous avez un bug ailleurs dans votre code.

+0

Vous avez raison monsieur, le div qui était en train de changer était le parent de la div dans laquelle j'avais l'image, qui n'a pas vraiment changé. Lorsque j'ai déplacé les images d'un niveau, les choses fonctionnent comme prévu. – cdeszaq

1

Une pensée: fake-le avec une table sans bordure avec deux rangées: la section div dans la première rangée, l'image dans la seconde.

+0

+1 J'aime cette réponse. :) Ruse. – Tisch

0

Est-ce que votre hauteur div change vraiment quand son contenu change? Nous aurions besoin de plus de code (html, js et css).

0

Vous devez diviser votre div dans les coins et les avoir individuellement contenus dans un élément de boîte externe. C'est fondamentalement comme un site Web; avec un en-tête, un corps et un pied de page. À tout prix, n'utilisez pas Javascript.

Découvrez cet exemple de Nitfy Corners: http://www.html.it/articoli/nifty/index.html