Fondo de la pagina

[gringofer]

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!

[kseso?]

Lo que ocurre es lo que tiene indicado en su css.
Mire:

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.

[gringofer]

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

[JMS]

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.

[gringofer]

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

[JMS]

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.