Bonjour,
J'ai un problème avec mon background lorsque je fais un scroll horizontal dans une petite fenêtre de mon navigateur, mes 2 div bocal restent fixées à l'endroit de l'arrêt de la fenêtre:
Mon css :
Le body :
Comment faire pour remédier à ça ou trouver une autre solution pour arriver au même résultat.
Merci d'avance
Modifié par supersankukai (20 May 2011 - 11:19)
J'ai un problème avec mon background lorsque je fais un scroll horizontal dans une petite fenêtre de mon navigateur, mes 2 div bocal restent fixées à l'endroit de l'arrêt de la fenêtre:
Mon css :
body{
background-color: #009966;
margin:0;
padding:0
}
div#bocal{
margin: 0px;
padding: 0px;
background-color: #666666;
}
div#bocalbas{
margin: 0px;
padding: 0px;
background-color: #FFCC99;
}
.container{
width:854px;
margin-top: 0;
margin-right: auto;
margin-bottom: 0;
margin-left: auto;
height: 100%;
}
Le body :
<div id="bocal">
<div class="container">
Lorem ipsumdolor sit amet, consectetur adipiscing elit. Nam vehicula neque a augue cursus non rutrum mauris adipiscing. Sed ut scelerisque velit. Vestibulum eget velit at velit auctor sollicitudin. Morbi nec ante odio. Curabitur justo nulla, lobortis et pulvinar at, aliquam a nibh. Phasellus vehicula dignissim libero, posuere adipiscing ante ullamcorper sed. Curabitur commodo molestie neque sed sagittis. Sed feugiat vestibulum justo, sagittis ultrices risus iaculis a. Donec cursus felis id diam ultrices a tempus nulla ullamcorper. Duis a nisi risus. Suspendisse sit amet enim at mauris ultricies vehicula in sed erat. Aenean faucibus venenatis orci vitae ornare. Nunc fringilla blandit leo ac tempor. Mauris vel ipsum tortor. In gravida, velit ac egestas pretium, nunc ipsum ornare tellus, sit amet auctor sapien augue a nunc. Duis ut justo eu augue consequat tempor. Maecenas at sapien tortor, pellentesque pharetra est. Duis pharetra velit vitae est facilisis interdum. Etiam pharetra ornare
</div>
</div>
<div id="bocalbas">
<div class="container">
Lorem ipsumdolor sit amet, consectetur adipiscing elit. Nam vehicula neque a augue cursus non rutrum mauris adipiscing. Sed ut scelerisque velit. Vestibulum eget velit at velit auctor sollicitudin. Morbi nec ante odio. Curabitur justo nulla, lobortis et pulvinar at, aliquam a nibh. Phasellus vehicula dignissim libero, posuere adipiscing ante ullamcorper sed. Curabitur commodo molestie neque sed sagittis. Sed feugiat vestibulum justo, sagittis ultrices risus iaculis a. Donec cursus felis id diam ultrices a tempus nulla ullamcorper. Duis a nisi risus. Suspendisse sit amet enim at mauris ultricies vehicula in sed erat. Aenean faucibus venenatis orci vitae ornare. Nunc fringilla blandit leo ac tempor. Mauris vel ipsum tortor. In gravida, velit ac egestas pretium, nunc ipsum ornare tellus, sit amet auctor sapien augue a nunc. Duis ut justo eu augue consequat tempor. Maecenas at sapien tortor, pellentesque pharetra est. Duis pharetra velit vitae est facilisis interdum. Etiam pharetra ornare </div>
</div>
Comment faire pour remédier à ça ou trouver une autre solution pour arriver au même résultat.
Merci d'avance
Modifié par supersankukai (20 May 2011 - 11:19)