03/11/2009, 08:00
| ||||
| ||||
| 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? |
|
03/11/2009, 08:05
| ||||
| ||||
| 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; } |
|
03/11/2009, 08:10
| |||
| |||
| 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 |
|
03/11/2009, 08:36
| ||||
| ||||
| 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í? |
|
03/11/2009, 11:42
| |||
| |||
| 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). |
