Foros del Web » Creando para Internet » CSS »

Imagen de fondo en la parte inferior de la página

Estas en el tema de Imagen de fondo en la parte inferior de la página en el foro de CSS en Foros del Web. Tengo un div llamado contenido que contiene el resto de divs de la página. Ese div tiene una imagen de fondo que se debe mostrar ...
  #1 (permalink)  
Antiguo 09/11/2009, 02:29
 
Fecha de Ingreso: diciembre-2007
Mensajes: 16
Antigüedad: 10 años
Puntos: 0
Imagen de fondo en la parte inferior de la página

Tengo un div llamado contenido que contiene el resto de divs de la página. Ese div tiene una imagen de fondo que se debe mostrar en la parte inferior de la página. Se me muestra bien cuando la resolución de la pantalla es pequeña, pero para resoluciones grandes, la imagen de fondo no llega al final de la página, sino hasta donde llega el contenido de la página.

Aquí muestro como tengo hecho contenido en el CSS y también el body.

body {
background-color: #FFFFFF;
font-family: Georgia, "Times New Roman", Times, serif;
color: #FFFFFF;
text-align: center;
padding: 0px;
margin: 0px;
font-size: 14px;
}
#contenido {
background:#000000 url('../imagenes/fondo.jpg') no-repeat;
margin:0px auto;
border-left:1px solid #000;
border-right:1px solid #000;
width: 814px;
text-align: left;
}


Gracias.
  #2 (permalink)  
Antiguo 09/11/2009, 03:09
Avatar de inyaka  
Fecha de Ingreso: junio-2006
Mensajes: 67
Antigüedad: 11 años, 5 meses
Puntos: 3
Respuesta: Imagen de fondo en la parte inferior de la página

lee las referencias de background http://www.w3c.es/Divulgacion/GuiasR...CSS21/#colores

Código HTML:
background:#000000 url('../imagenes/fondo.jpg') no-repeat scroll bottom center;
  #3 (permalink)  
Antiguo 09/11/2009, 05:11
Colaborador
 
Fecha de Ingreso: junio-2007
Mensajes: 5.798
Antigüedad: 10 años, 6 meses
Puntos: 538
Respuesta: Imagen de fondo en la parte inferior de la página

Cita:
body {height: 100%;}
#contenido {height: 100%;}
Pero sin esto puede tener efectos secundarios no deseados. Sólo tú conoces el resto de la página y qué haces o quieres hacer con el resto de contenido.
__________________
Por una web con mucho estilo
+++ CUENTA ABANDONADA. ¿la quieres? +++
  #4 (permalink)  
Antiguo 09/11/2009, 11:11
 
Fecha de Ingreso: mayo-2008
Ubicación: Santiago-Chile
Mensajes: 253
Antigüedad: 9 años, 7 meses
Puntos: 1
Respuesta: Imagen de fondo en la parte inferior de la página

eso es machote saludos

#contenido {
background:#000000 url('../imagenes/fondo.jpg') no-repeat;
background-position:bottom center;
margin:0px auto;
border-left:1px solid #000;
border-right:1px solid #000;
width: 814px;
text-align: left;
}

margin:0px auto; (cuando el valor es 0 no hay que ponerle px es lo mismo 0px que 0em o 0ex o 0cm simplemente es 0)

Última edición por bkolores; 09/11/2009 a las 11:12 Razón: se me olvido
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 03:49.