Tema: Problema con background en diferentes resoluciones de pantalla
Ver Mensaje Individual
  #6 (permalink)  
Antiguo 05/08/2014, 07:12
sandragh27
 
Fecha de Ingreso: junio-2014
Mensajes: 36
Antigüedad: 10 años, 4 meses
Puntos: 0
Respuesta: Problema con background en diferentes resoluciones de pantalla
Cita:
Iniciado por DesgraciadoGabo Ver Mensaje
Como bien dice alzacon, si definiste un ancho en tu documento ese será el resultado.
En tus estilos tienes

Código CSS: 
Ver original
  1. html { width:1365px; }

Y más abajo en body igual tienes background-size: 1365px 600px; lo cual te esta ocacionando estos problemas, elimina lo de html{ width:1365px; } y en body background-size utiliza cover en lugar de la resolución de tu pantalla.

Quedando 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.   position: static;
  12.   margin-top:315px;
  13.   margin-right: 640px;
  14.   margin-left:400px;
  15.   text-align: right;
  16.   font-family: sans-serif;
  17.   font-size:15px;
  18. }

Espero te funcione, Saludos!
El problema con utilizar cover son 2. El primero que cuando tengo la ventana en el tamaño mas grande el fondo se me ve muy expandido. Y el segundo que cuando reduzco la ventana el formulario (form) se me mueve, y eso es debido a que no le coloque una anchura fija a la web, es decir porque quite el width.