Ver Mensaje Individual
  #5 (permalink)  
Antiguo 14/10/2010, 08:56
masi10
 
Fecha de Ingreso: octubre-2010
Mensajes: 15
Antigüedad: 13 años, 6 meses
Puntos: 0
Respuesta: Imagen de cabecera centrada

Cita:
Iniciado por Ribon Ver Mensaje
Lo que pasa es que por deecto el tamaño de los Divs es 0, y no porque le pongas una imagen de fiondo esta ajustará el tamaño del div.

lo que debes hacer es asignarle un tamaño al div#cabecera igual o mayor al tamaño de la imagen de fondo (para que esta se logre visializar), por ejemplo

Código CSS:
Ver original
  1. #cabecera{
  2. background: url(laimagen) no-repeat center;
  3. width:900px; /*El ancho de la imagen de fondo*/
  4. height:120px; /*El alto de la imagen de fondo*/
  5. }

Espero te haya ayudado saludos
Gracias Ribon.

La imagen mide 700x100, entonces, hago lo que dices con estas medidas y me deja la imagen a la izquierda también sin centrar, si le pongo más tamaño (1000x300 por ejemplo) ya me la deja centrada.

Al final lo que hay que hacer es centrarla "a ojo" modificando el tamaño en lugar de tener una propiedad center en css que te lo centre automáticamente. Me parece una chapuza del css pero parece que no hay otro camino...

Y el div del html, quedaría vacío? Es correcto hacer esto?

Gracias.

Última edición por masi10; 14/10/2010 a las 09:04