Ver Mensaje Individual
  #1 (permalink)  
Antiguo 28/11/2015, 16:14
Avatar de BramSt
BramSt
 
Fecha de Ingreso: abril-2015
Mensajes: 117
Antigüedad: 9 años
Puntos: 5
¿Podría alguien explicarme por qué no me funciona bien background-position?

Estamos practicando en clase un ejercicio para poner fondo a una web a través de css, pero lo que me extraña es que al hacer:

Código CSS:
Ver original
  1. body{
  2. background-image:url(Luna.jpg);
  3. background-repeat:no-repeat;
  4. background-color:blue;
  5. background-position:center center;
  6.  
  7.  
  8. }

La propiedad background-position sólo me "lee" el eje de las X (es decir, el primer center), pero no el eje de las Y (el segundo center)... O sea, que se queda la imagen en el centro, pero arriba del todo de la web...

Lo curioso es que si meto esos datos por píxeles o centímetros todo va bien, pero al utilizar porcentajes o como os he puesto en el código, sólo funciona el eje de las x...

Y hay gente de clase a la que le pasa lo mismo, pero otros a los que colocando el código exactamente igual, les sale bien...

Un saludo.

Ah, en el código HTML aún no hay nada, sólo el esqueleto de la web:

Código HTML:
Ver original
  1.     <head>
  2.         <title>
  3.         </title>
  4.         <link rel="stylesheet" type="text/css" href="Estilos.css"/>
  5.        
  6.     </head>
  7.     <body>
  8.    
  9.         </body>
  10. </html>

Última edición por BramSt; 28/11/2015 a las 16:19