Hola,
estoy intentando hacer una estructura muy sencilla en css que sea de cabecera, contenido con fondo y footer...que la cabecera y el footer sean d altura fija pero el contenido no... busco que se ajuste todo a la pantalla pero no se porque siempre aunque cambie de resolucion me sale el mismo scroll
tengo algo hecho asi..
<body>
<div class="header">
<h2>Encabezado</h2>
</div>
<div class="portada">
<div class="text">
<h1> div con imagen de fondo responsive</h1>
<h3>Imagen adaptada a todas las resoluciones de pantalla</h3>
</div>
</div>
<div class="footer">
pie de pagina
</div>
</body>
html,body{
color:white;
font-family:'Opens Sans',helvetica;
height:100%;
width:100%;
margin: 0px;
}
.header{
background: url(images/bg-header.png);
height:61px;
width:100%;
}
.portada{
background: url(images/bg-index.png) no-repeat;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
height: 100%;
width: 100% ;
text-align: center;
}
.footer{
height:61px; width:100%;
}
creo que debe ser algo de los height y los width no?