Ajuda com imagem de fundo fixa excedendo limites de página

hola, acabo de encontrame con otro "problemilla"

he utilizado en la etiqueta body una imagen fija como background, no le he puesto medidas ni de ancho ni de alto...

el poblema está en que dicha imagen continúa aún más abajo que donde acaba la página web, he probado a recortar la imagen en photoshop... y nada

os pongo el código y una captura de pantalla, espero que me sepais ayudar, gracias
Xanina

body {
margin: 0 auto;
background: white url('../library/back-green.jpg') no-repeat top center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}

Tu problema es el siguiente:
Has puesto el background en el body del sitio por ende ese background va a usar todo el espacio que tu navegador use o muestre si es que no me equivoco.
Solución: Hace un div que contenga todo lo que pusiste en el background y llamalo primero que a los demas.

EJEMPLO:


Espero que te ayude

JuanFraG disse:

Tu problema es el siguiente:
Has puesto el background en el body del sitio por ende ese background va a usar todo el espacio que tu navegador use o muestre si es que no me equivoco.
Solución: Hace un div que contenga todo lo que pusiste en el background y llamalo primero que a los demas.

EJEMPLO:

Inserir CODE, HTML ou PHP:

<html>
   <head>
      <style>
      .bg {
     margin: 0 auto;
     background: white url('../library/back-green.jpg') no-repeat top center fixed;
     -webkit-background-size: cover;
     height:100%;
     widht: 100%;
     }
      </style>
   </head>
   <body>
      <div class="bg">
       resto del site
       </div>
  </body>
</html>

Espero que te ayude

Clique para expandir...

perfecto, era "sólo" eso :stupid1:, ya está cambiado. Muchas gracias :welcoming:

Xanina disse:

perfecto, era "sólo" eso :stupid1:, ya está cambiado. Muchas gracias :welcoming:

Clique para expandir...

De nada, estoy para ayudar, espero un agradecimiento con un me agrada nomas... saludos y éxito con ese sitio!!