Css, mettre une image fixe dans une boite...
Résolu
Bonjour, voici mon code css:
.container
{
width:100%;
height:650px;
background-color:#503C2F;
position:absolute;
}
.entete
{
width:100%;
height:150px;
position:relative;
background-color:white;
background-image:url("img/bandeau.bmp");
background-repeat:no-repeat;
background-position:center;
}
corps
{
background-image:url("img/fondecran.bmp");
position:relative;
width:1000px;
overflow:auto;
margin:150px;
padding:25px;
background-repeat:no-repeat;
background-attachment:fixed;
background-position:center;
}
problème: l'image fondecran se positionne derrière l'entête et je dois chipoter avec margin et padding pour que le texte se mette dans l'image à droite et à gauche...
merci de votre aide...
.container
{
width:100%;
height:650px;
background-color:#503C2F;
position:absolute;
}
.entete
{
width:100%;
height:150px;
position:relative;
background-color:white;
background-image:url("img/bandeau.bmp");
background-repeat:no-repeat;
background-position:center;
}
corps
{
background-image:url("img/fondecran.bmp");
position:relative;
width:1000px;
overflow:auto;
margin:150px;
padding:25px;
background-repeat:no-repeat;
background-attachment:fixed;
background-position:center;
}
problème: l'image fondecran se positionne derrière l'entête et je dois chipoter avec margin et padding pour que le texte se mette dans l'image à droite et à gauche...
merci de votre aide...
3 réponses
-
pour régler l'empilage tu as la fonction zindex
-
merci ddtddt, mais ce nest pas un problème d'empilage, c'est un problème de disposition vertical, je devrais avoir au dessus l' entête, et en dessous le corps...
s'il n'y a pas d'image, le corps et le texte du corps se placent correctement sous l 'entête, il n'yque l'image qui se met trop haut... qui se place comme si elle était "absolute"
merci... -
il n'y a pas beaucoup d'info dans ce que tu donne mais bon je testerais d'ajouter pour
entete -> min-height:150px;
ce qui empêcherais la diminution de l'entête
---
est ce que overflow:auto; est indispensable ici ?
