Ver Mensaje Individual
  #8 (permalink)  
Antiguo 05/08/2014, 11:22
DesgraciadoGabo
 
Fecha de Ingreso: julio-2014
Mensajes: 179
Antigüedad: 10 años, 3 meses
Puntos: 26
Respuesta: Problema con background en diferentes resoluciones de pantalla

Nuevamente le doy la completa razón a pzin, no debes diseñar un sitio con respecto a tu resolución, eso te generará muchos problemas, existen demasiadas resoluciones.
Te recomiendo lo manejes de la siguiente forma:
Código CSS:
Ver original
  1. body {
  2.       background:url(webb.jpg)no-repeat;
  3.       background-attachment: local;
  4.       background-position: right top;
  5.       background-size: cover;
  6.       -moz-background-size: cover;
  7.       -webkit-background-size: cover;
  8.       -o-background-size: cover;
  9.     }
  10.     form {
  11.       display:block;
  12.       width:300px;
  13.       height:80px;
  14.       position: absolute;
  15.       top:calc(50% - 40px);
  16.       left:calc(50% - 150px);
  17.       text-align: right;
  18.       font-family: sans-serif;
  19.       font-size:15px;
  20.     }

El tema de la imagen de fondo, pues bueno, si la descargaste de internet puedes buscar una de mayor tamaño, si la diseñaste puedes volverla a hacer, recomiendo una de 1400 o hasta de 2000 pixeles guardala en un jpg de media calidad para que no sea tan pesada y en dado caso piensa en que tan necesario es ese fondo, sino lo es eliminalo a la ching...

Si te interesa, busca acerca de CALC() para css es muy buena opción, segun pienso quisiste centrar el formulario y es lo que hice en ese ejemplo.

Espero te funcione, Saludos
__________________
Si haces las cosas como nadie las ha hecho, cobralas bien, si las vas a hacer como todos las han hecho, cobralas bien!!
MecanizandoWeb.com