Sayu:
Que tengas mayor o menor resolución en al ver una web, puede que te genere diferencias, eso es obvio, pero de ninguna manera tiene porque descuadrarte todo. Aparte supongo que si pasas de la Notebook a una PC de escritorio estarás trabajando con una resolución mayor, asi que menos aun debería pasarte eso.
Sin embargo te advierto que tu código está bastante mal. usas DIVS en forma redundante, has complicado tu CSS con los márgenes, tienes un form sin un SUBMIT (una imágen con un link que dice "Entrar" no tiene nada que ver con
<input type="image" src="boton.jpg alt="" /> y unas cuantas cosas más (la etiqueta img no tiene un cierre </img> !.)
Te sugiero que reveas todo tu código y el uso adecuado del form, y después recien le apliques un estilo a través de CSS
un esquema básico sobre el que puedes trabajar es este
Código HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="es" lang="es" >
<head>
<title>Form</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="description" content="x" />
<meta name="keywords" content="x" />
<meta http-equiv="Content-Language" content="ES" />
<style type="text/css">
/*<![CDATA[*/
label {
width: 150px;
display: block;
position: relative;
float: left;
margin-right: 10px;
}
input {
position: relative;
float: left;
border: solid 1px #666;
}
.entrar {
margin-left: 160px;
}
/*]]>*/
</style>
</head>
<body>
<div><img src="images/index_titulo.jpg" alt="Proyección personal y profesional" width="200" height="50" /></div>
<div><img src="images/index_imagen.png" alt="Profesional" width="200" height="50" /></div>
<div id="formulario">
<br />
<form action="xxx.html" method="post">
<div>
<label>Correo electrónico</label>
<input type="text" name="correo" size="11" maxlength="60" /><br /><br />
<label>Contraseña</label>
<input type="password" name="clave" size="11" />
<br /><br />
<input class="entrar" type="submit" value="entrar" />
<br /><br />
</div>
</form>
</div>
<div>
<p><a href="#" target="_self">¿Olvidaste tu contraseña?</a><br />
¿Aún no tienes una cuenta? <a href="#" target="_self">Regístrate aquí</a></p>
</div>
</body>
</html> El css solo lo puse para alinearte los campos del formulario
Saludos