div id cabecera no funciona

eugeniegrandet · #1 (**permalink**) 01/04/2012, 03:13

Hola,

Tengo un problema con el <div id> la cabecera del sitio que estoy creando. Tiene una imagen de fondo y he probado por todos los medios ponerle texto encima para luego centrarlo con la imagen, pero el texto no aparece por ningun lado. La cabecera tiene la propiedad display: block pero aunque quite la imagen el texto no aparece. He probado ponerle un <div class> con la imagen de fondo y texto pero no funciona. Alguien sabe como ponerlo? He revisado el codigo mil veces y no le veo errores....

Gracias

C2am · #2 (**permalink**) 01/04/2012, 06:01

Hola
Para una mejor ayuda siempre es bueno el código, muestra que código estás usando (html y css) al menos de esa parte, o un enlace.
Saludos

eugeniegrandet · #3 (**permalink**) 01/04/2012, 06:11

Hola,

El codigo pertinente :

<body>
<div id="contenedor">
<div id="cabecera">
</div>

y la CSS:

#cabecera {
height:450px;
width:960px;
background-color: #FFF;
display: block;

}

Si le pongo la imagen de fondo la coloco en left bottom y no-repeat y no hay problema, el problema viene cuando le quiero insertar texto en el div. La otra solucion que he intentado es:

<body>
<div id="contenedor">
<div id="cabecera">
<div class="left"><h1>aqui el texto</h1></div>
</div>

css left:

.left {
float: none;
height: 450px;
width: 880px;
padding-top: 0px;
padding-right: 40px;
padding-bottom: 0px;
padding-left: 40px;
background-image: url(cab011.gif);
background-repeat: no-repeat;
background-position: left bottom;
display: block;
}

Tengo otros div class en la web y sin problemas al colocar texto sobre la imagen de fondo del div, aqui no entiendo que error hago...

C2am · #4 (**permalink**) 01/04/2012, 06:46

Supongo que el fallo se debe a otra parte de tu código, porque excepto el hecho de poner display:block a un div que ya es un elemento de bloque no veo nada que evite que se vea el texto. Tal vez que no defines la altura del texto, pero seguro que está definido con anterioridad, o en su defecto toma el del navegador (aunque no estoy seguro de esto último).

eugeniegrandet · #5 (**permalink**) 01/04/2012, 07:59

Tienes razon el error está en el reset.css, aunque no consigo saber que parámetro...