Problème avec la position: absolute;

Question

donc c'est ce qui se passe, comme vous pouvez le voir sur l'image ci-dessous La taille de l'écran du navigateur fait que la femme couvre les choses ou bouge comme je l'appelle.

Voici mon code

img#woman{ 
    position:absolute; 
    bottom:100px; 
    display:block; 
    right:55%; 
    z-index: 900; 
} 
#homearea{ 
    display:block; 
    height:750px; 
} 

http://i.imgur.com/3A19L.jpg

Je dois à la femme de rester dans un seul endroit, elle devrait ressembler à ceci

Answer 1

Ceci est sans voir votre code HTML :

Essayez de définir la position sur div (#homearea?) Contenant relative, puis en modifiant les valeurs directionnelles de l'image par rapport à la partie supérieure gauche de la div contenant.

En d'autres termes, essayer quelque chose comme ceci:

img#woman{ 
    position:absolute; 
    top:200px; 
    display:block; 
    left:-30px; 
    z-index: 900; 
} 
#homearea{ 
    position:relative; 
    display:block; 
    height:750px; 
} 

Answer 2

Salut, je pense que vous pouvez être vous avez utilisé ces images en arrière-plan comme comme celui-ci

Définissez votre position id Homearea relative et femme id donner la position absolu et donner des images d'arrière-plan et mettre en bas en haut à droite à gauche en fonction de votre mise en page

comme comme celui-ci

Css

#homearea{ 
position:relative; 

} 

#woman{ 
width:xxx; // width of your images 
height:xx; // height of your images 
    position:absolute; 
    bottom:100px; 
    right:55%; 
    z-index: 900; 
background:url('../../xxx.jpg') no-repeat 0 0; 
} 

HTML

<div id="homearea"> 
    <div id="woman"></div> 
    </div> 

Answer 3

Je pense que vous devez définir postion: relative; à votre Parent Div et position: absolue; à votre enfant Div Espérons que cela fonctionnera ......

img#woman{ 
    position:absolute; 
    bottom:100px; 
    display:block; 
    right:55%; 
    z-index: 900; 
} 
#homearea{ 
    height:750px; 
    position:relative; 
}