Cómo puedo poner el primer div al 100% de la pantalla y luego al bajar los demás div`s que sean auto dependiendo del contenido que tenga. el primer div se come el segundo ya se que es por el absolute pero no se como arreglarlo...
Este es el html
<div id="home">
contenido al 100% de la pantalla
</div>
<div id="about">
auto dependiendo del contendido de este div
</div>
<div id="galeria">
auto dependiendo del contendido de este div
</div>
Este es el css
#home{
width:100%;
height:100%;
margin:0;
padding:0;
position:absolute;
top:0;
background-image:url(../image/Construction_0.png);
background-position:50% 50%;
background-size:cover;
}
#about, #galeria{
width:100%;
overflow:auto;
display:block;
margin:0;
padding:0;
text-align:center;
}
home
quede cubriendo toda la pestaña del navegador y que los otros dos queden encima de el?