Foros del Web » Creando para Internet » CSS »

Fondo de la pagina

Estas en el tema de Fondo de la pagina en el foro de CSS en Foros del Web. Hola foreros, les cuento que estoy haciendo una pagina, y le puse de fondo una imagen de mario bross, (es una pag de juegos flash) ...
  #1 (permalink)  
Antiguo 13/12/2010, 14:38
Avatar de gringofer  
Fecha de Ingreso: agosto-2010
Ubicación: Córdoba, Argentina
Mensajes: 333
Antigüedad: 7 años, 4 meses
Puntos: 22
Pregunta Fondo de la pagina

Hola foreros, les cuento que estoy haciendo una pagina, y le puse de fondo una imagen de mario bross, (es una pag de juegos flash) y resulta que no ocupa todo el fondo, y al ultimo queda una parte descubierta.

Pueden ver como queda en este link: www.jamola.net

Aca les dejo mi codigo css para ver si encuentran algo malo, o que tengo que cambiar para que ocupe toda la pantalla


body {
font-size: 13px;
font-family: Georgia, 'Lucida Grande', Verdana, Arial;
background: #cae0f1 url(images/bg.gif) no-repeat top center;
color: #656565;
margin:0;
}

#main {
width:980px;
margin:0 auto;
}

a {
text-decoration:none;
color:#00709f;
outline: none;
}

a:hover {
text-decoration:none;
}

img {
border:none;
text-decoration: none;
outline: none;
}


Saludos y gracias por su tiempo!
  #2 (permalink)  
Antiguo 13/12/2010, 18:57
Colaborador
 
Fecha de Ingreso: junio-2007
Mensajes: 5.798
Antigüedad: 10 años, 6 meses
Puntos: 538
Respuesta: Fondo de la pagina

Lo que ocurre es lo que tiene indicado en su css.
Mire:
Cita:
body {
background: url("images/mario.jpg") no-repeat center top #CAE0F1;
}
Le está indicando que no repita la imagen.
mario.jpg mide 1172px de altura
La altura computada de su body es de 1625px
Así que la diferencia entre un valor y otro lo cubre con el color #CAE0F1

Cómo adaptar una imagen para que ocupe todo el espacio de la ventana se ha respondido ya varias veces, ejemplos incluidos, en este foro. Una que recuerdo ahora

Por cierto, debería optimizar esa imagen. Es algo pesada de más, me parece.
  #3 (permalink)  
Antiguo 13/12/2010, 19:50
Avatar de gringofer  
Fecha de Ingreso: agosto-2010
Ubicación: Córdoba, Argentina
Mensajes: 333
Antigüedad: 7 años, 4 meses
Puntos: 22
Respuesta: Fondo de la pagina

Gracias por responder, lo q hice fue cambiarle el tamaño a la imagen, aunque hubiera preferido que se ajuste sola, ya que otras partes de la pagina no tienen la misma altura que home por lo que no se alcanza a ver completa la imagen... y tambien la optimize un poco para que no quede tan pesada.
Si quieres entra para ver como quedo, saludos y gracias
  #4 (permalink)  
Antiguo 13/12/2010, 20:21
Avatar de JMS
JMS
 
Fecha de Ingreso: junio-2007
Ubicación: Mexico, veracruz
Mensajes: 790
Antigüedad: 10 años, 6 meses
Puntos: 44
Respuesta: Fondo de la pagina

Tal vez me equivoco pero tiene mucho que ver tambien con la resolucion de la pantalla por que yo tuve la oportunidad de verlo en 2 pc diferentes y se ve bien, claramente la imagen en toda la extension del monitor.
__________________
L.I.A. Josué Marín Saldaña
Grupo kumiko - Diseño gráfico, diseño web, Poemas, Juegos.
http://www.grupokumiko.com
  #5 (permalink)  
Antiguo 13/12/2010, 20:52
Avatar de gringofer  
Fecha de Ingreso: agosto-2010
Ubicación: Córdoba, Argentina
Mensajes: 333
Antigüedad: 7 años, 4 meses
Puntos: 22
Respuesta: Fondo de la pagina

Lo que quiero decir por ej que el home es mas alto que otras pag, por ejemplo donde esta alojado el juego. Lo que hace que no se aprecie el total de la imagen, ya que el tamaño de la imagen lo puse de acuerdo al home, pero es un detalle minimo. Gracias por su respuesta
  #6 (permalink)  
Antiguo 14/12/2010, 09:46
Avatar de JMS
JMS
 
Fecha de Ingreso: junio-2007
Ubicación: Mexico, veracruz
Mensajes: 790
Antigüedad: 10 años, 6 meses
Puntos: 44
Respuesta: Fondo de la pagina

Nuevamente aqui, si ya vi cual es el detalle al que te refieres, solo por lo que veo hay un problema a mi parecer debe de ser el contenido, es decir como tienes un contenido mas amplio en la home por eso se visualiza más la imagen y como en las otras páginas el contenido es menor asi mismo la parte de la imagen no se ve completa.

A menos que le quieras dar practicamente el mismo espacio de alto para las páginas para que el tamaño del fondo sea el mismo, por otro lado me parece que con CSS hay alguna opcion para ponerlo de acuerdo a la resolucion no se si se pueda para aplicarlo segun al tamaño del contenido.
__________________
L.I.A. Josué Marín Saldaña
Grupo kumiko - Diseño gráfico, diseño web, Poemas, Juegos.
http://www.grupokumiko.com

Etiquetas: diseño, fondo
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 06:36.