Foros del Web » Creando para Internet » CSS »

Posicionar una imagen al final de un DIV

Estas en el tema de Posicionar una imagen al final de un DIV en el foro de CSS en Foros del Web. Buenas, estamos intentando posicionar una imagen de fondo (sustitución) en un div de altura variable según el contenido de la página. Queremos que aparezca siempre ...
  #1 (permalink)  
Antiguo 03/11/2009, 08:00
Avatar de guigue  
Fecha de Ingreso: mayo-2002
Ubicación: España/Italia
Mensajes: 536
Antigüedad: 15 años, 6 meses
Puntos: 0
Posicionar una imagen al final de un DIV

Buenas, estamos intentando posicionar una imagen de fondo (sustitución) en un div de altura variable según el contenido de la página. Queremos que aparezca siempre alineado abajo (base del DIV) pero no hay manera.
¿Alguien con experiencia en el campo podría echarnos una mano?
¿Esposible hacerlo?
  #2 (permalink)  
Antiguo 03/11/2009, 08:05
Avatar de guigue  
Fecha de Ingreso: mayo-2002
Ubicación: España/Italia
Mensajes: 536
Antigüedad: 15 años, 6 meses
Puntos: 0
Respuesta: Posicionar una imagen al final de un DIV

Se me olvidaba, el css aplicado es:
div#sidebar1 h2{
background: url(../imagenes/side_left_bottom_home.jpg) no-repeat bottom;
}
  #3 (permalink)  
Antiguo 03/11/2009, 08:10
 
Fecha de Ingreso: noviembre-2009
Mensajes: 14
Antigüedad: 8 años, 1 mes
Puntos: 0
Respuesta: Posicionar una imagen al final de un DIV

Ups... no había leído tu respuesta... eso debería funcionar,... solo agrega un espacio entre h2 y {

También intenta dándole posicionamiento relativo al h2


Qué tal.

Has intentado con la propiedad 'background-position: bottom'?.

En short-hand sería:

elemento {
background: url('imagen.etc') no-repeat bottom;
}

Saludos!

Última edición por josesanchez; 03/11/2009 a las 08:12 Razón: no había leido la aclaración
  #4 (permalink)  
Antiguo 03/11/2009, 08:11
Avatar de guigue  
Fecha de Ingreso: mayo-2002
Ubicación: España/Italia
Mensajes: 536
Antigüedad: 15 años, 6 meses
Puntos: 0
Respuesta: Posicionar una imagen al final de un DIV

Me temo que tardé en escribir el código, sorry
  #5 (permalink)  
Antiguo 03/11/2009, 08:36
Avatar de guigue  
Fecha de Ingreso: mayo-2002
Ubicación: España/Italia
Mensajes: 536
Antigüedad: 15 años, 6 meses
Puntos: 0
Respuesta: Posicionar una imagen al final de un DIV

Mirandolo con el webdeveloper da la sensación de que el DIV no coge todo el 100% de alto que se supone debería coger...
Pudiera ser por algo así?
  #6 (permalink)  
Antiguo 03/11/2009, 11:42
 
Fecha de Ingreso: noviembre-2009
Mensajes: 14
Antigüedad: 8 años, 1 mes
Puntos: 0
Respuesta: Posicionar una imagen al final de un DIV

Claro, podría ser por eso.

Si el div que mencionas tiene elementos flotados, la altura se vuelve 0.

Para ello puedes poner un div vacío al final del div contenedor y darle a ese div la propiedad 'clear: both'... o bien, usar la técnica 'clearfix' (positioniseverything.net/easyclearing.html) para hacer que el div crezca (ambas técnicas dan el mismo resultado).
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 04:23.