j'ai beaucoup de souci avec le responsive.
je m'explique, j'ai une div avec une image de fond (header)
dans cette div, j'y place une div qui renferme des liens (nav) et que je place en bas de la div header.
quand je réduis la fenêtre l'image se réduit mais le div nav sort de "header" et pour cause vu que sa hauteur ne bouge pas.
comment faire pour empecher cela?
mon css
Code : Tout sélectionner
#header{
width:625px;
height:351px;
background-image:url(photo.jpg);
margin:0 auto;
}
#nav{
width:100%;
text-align:center;
padding-top:250px;
color:#FFF;
font-size:36px;
}
@media all and (max-width: 625px)
{
#header {
width: auto;
background-size: contain;
background-repeat:no-repeat;
margin:0 auto;
}
}Code : Tout sélectionner
<div id="header">
<div id="nav">
Ici je place des liens
</div>
</div>Je m'arrache les cheveux.
Merci
