Hola
jose91
Haz un 'copy-paste' en un html limpio y estudia este acercamiento a lo que planteas. Tendrás que adaptarlo a tu diseño (que desconozco).
Código HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Language" content="es" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Cabecera con imagen elástica</title>
<style type="text/css">
* {
margin: 0;
padding: 0;
outline: 0;
}
#cabecera {
width: 96%;
height: 150px;
margin: 0 2%;
color:red;
background-color: blue;
}
#portacabecera {
width: 100%;
height: 100%;
position: relative;
}
.imagen {
width:100%;
height: 100%;
position: absolute;
}
.otras_cosas {
position: absolute;
top: 0;
left: 0;
display: block;
z-index: 1;
}
</style>
</head>
<body>
<div id="cabecera">
<div id="portacabecera">
<img alt="" src="fondoc.jpg" class="imagen" />
<span class="otras_cosas">Aquí mis otras cosas</span>
</div>
</div>
</body>
</html> Nota: No utilices mayúsculas en tu hoja css.
Bye