Hola, estoy teniendo problemas con el fondo de mi aplicacion web, que en diferente resoluciones de pantalla el fondo no se ve completo (ya que la otra pantalla es de mayor resolucion).
Me explico, mi resolucion es de 1366x700, y trabaje con el tamaño de la imagen de fondo con esas especificaciones, pero ahora que entro de otra pc con una resolucion mayor se me ve el fondo y el resto de la pantalla en blanco, obviamente se que tendria que cambiarle esas especificaciones, pero entoncs dejaria de verse bien aqui, como hago para que se vea bien en cualquier resolucion?!
Coloco el width porque no quiero que se me mueva el form cuando reduzco la pantalla.
Probe con cover, pero con el width practicamente no me funciona, y necesito ese width para que no se me mueva el form.
A continuacion les coloco mi codigo:
Código HTML:
Ver original<!DOCTYPE html>
html { width: 1365px; }
body { background:url(webb.jpg)no-repeat;
background-attachment: local;
background-position: right top;
background-size: 1365px 600px;
-moz-background-size: 1365px 600px;
-webkit-background-size: 1400px 700px;;
-o-background-size: cover;
}
form { position: static;
margin-top:315px;
margin-right: 640px;
margin-left:400px;
text-align: right;
font-family: sans-serif;
font-size:15px;
}
<form name="formLogin" method="post" action="login.jsp" > <label for="nickname"> Nombre de Usuario:
</label> <input type="text" name="nickname" id="nickname" maxlength="15"/> <br/> <label for="contrasena"> Contrase
ña: </label> <input type="password" name="contrasena" id="contrasena" maxlength="15"/> <br/>
<input type="submit" name="Ingresar" value="Ingresar" />
</form>
</body>
</html>
Espero que puedan ayudarme.