Non funziona.
Ho disattivato il javascript che centrala il #login al centro esatto della pagina.
Ho aggiunto "display: table" al body ed ho aggiunto "display: table-cell; vertical-align: middle" al #login (che ha il body come parent).
Il login ha adesso come css questo:
codice HTML:
#login {margin: 0 auto; position: absolute;}
Questo è l'HTML:
codice HTML:
<body style="display: table">

<header><a href="index.php" id="logo"><img src="http://www.axive.it/images/logo.png"></a></header>

<div id="login" style="display: table-cell; vertical-align: middle;">
<form method="post" action="dbconnection.php">
<span class="formlabel">Username</span>
<input style="text-transform: none" type="text" name="username"><br><br>
<span class="formlabel">Password</span>
<input style="text-transform: none"  type="password" name="password"><br><br><br>
<input style="text-transform: none"  type="submit" name="userlogin" class="button" id="loginsubmit" value="">
</form>
</div>
    
</body>
Eppure il #login me lo trovo in alto a sinistra.