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

X

Xanina Seguir

Beta
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
Desde
7 Feb 2014
Mensajes
94
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;
}

captura web.jpg
 
jfgancia

jfgancia

Gamma
Programador
Verificación en dos pasos activada
Verificado por Whatsapp
Desde
13 May 2011
Mensajes
187
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
 
X

Xanina

Beta
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
Desde
7 Feb 2014
Mensajes
94
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
Hacer clic para expandir...

perfecto, era "sólo" eso :stupid1:, ya está cambiado. Muchas gracias :welcoming:
 
Hay que estar conectado o registrado para responder aquí.
Arriba