La position Relative avec l'image de fond
J'ai un div, je voudrais que j'ai placé à 25% à partir du haut. Toutefois, les 25% sont calculés par rapport à la taille de l'image de fond et non pas par rapport à la taille de l'écran visible. Comment cela peut-il être fixé?
Mise à jour: maintenant, la marge du haut fonctionne, mais pas le gauche 🙁
La moindre idée?
body {
background: #eeeeee url('pix/bg-noether-2.jpg') no-repeat center top;
background-size: auto 100%;
background-attachment: fixed;
overflow: hidden;
align: center;
}
#container {
background-color: #ffffe4;
position: absolute;
width: 776px;
height: 400px;
top: 25%;
margin-left: auto;
text-align: center;
overflow: auto;
}
- Avez-vous une majoration/css de votre tentative de vous que vous pourriez nous montrer?
- assurez-vous que ce n'est pas par rapport à anotehr div et l'utilisation
position:absolute;top:25%;
Vous devez vous connecter pour publier un commentaire.
1) utiliser le positionnement absolu:
2) assurez-vous que votre div n'est pas dans un autre placé élément (si vous n'êtes pas sûr de cela, il suffit de mettre juste à l'intérieur de la
<body>
tag, rien d'autre)utiliser la propriété css:
sur la plongée que vous souhaitez placé à 25% à partir du haut de l'écran.
si vous utilisez la position relative, le pourcentage sera calculé à partir de l'élément parent.
si vous utilisez position absolue, le pourcentage sera calculé à partir de la taille de l'écran.
Donc, essayez à l'aide de la position absolue plutôt que relative.
édité réponse de commentaire, juste ajouter des div avec id d'emballage et de changement postitions, voir l'exemple ci-dessous: