Ayuda con imagen de fondo fija excediendo límites de página

Xanina · 27 Feb 2014

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;
}

jfgancia · 27 Feb 2014

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:

Insertar CODE, HTML o 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

Xanina · 28 Feb 2014

JuanFraG dijo:
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:

Insertar CODE, HTML o 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

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

jfgancia · 1 Mar 2014

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

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

Ayuda con imagen de fondo fija excediendo límites de página

Xanina

jfgancia

Xanina

jfgancia

Temas similares