Os pongo es situación sobre mi problema.
Quiero hacer una pagina web que tenga una franja de fondo y por encima vaya el cuerpo, pero lo que pasa es que cuando encojo la ventana(horizontalmente) la franja se encoje y no debería y me estoy desesperando por encontrar una solución.
les dejo una muestra del codigo html y css por si lo quieren probar. Le puse opacidad para que se viera más claro el ejemplo.
Código:
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="estilosIndex.css">
</head>
<body>
<div class="franja">
</div>
<div class="cuerpo">
</div>
</body>
</html>
Código:
*{margin: 0px;padding: 0px;}
.franja{
position:absolute;
top:0px;
left:0px;
height:135px;
width:100%;
background: red;
}
.cuerpo{
width:50%;
min-width: 900px;
top:50px;
height: 400px;
margin: auto;
position: relative;
background: blue;
opacity: 0.3;
}
Por favor, si saben de alguna solución, me gustaría que me la indicaran y a ser posible que funcione en todos los navegadores.
Adjunto unas imágenes:
Si las imágenes no se ven, posicionarse sobre ellas, botón derecho y le dan a "Abrir imagen en una pestaña nueva"
Un saludo y gracias.
