Matze: Ladekreis mitten auf der Seite

Beitrag lesen

Hallo,
ich habe eine meine Seite auch für Smartphones eingerichtet.
Ich habe schon große Eingabefeld gemacht.
Leider sind Smartphones nicht so schnell wie Computer.
Also möchte ich, dass ein Ladekreis in der Mitte des Bildschirms erscheint,  wenn das Formular abgesendet wird.
Den müsste man irgendwie mit CSS platzieren können.
Ich weiß, es gibt hier schon ein Kapitel über das Platzieren, allerdings muss man da Pixelangaben machen. Und die Bildschirme von Smartphones sind ja unterschiedlich groß, also ist der Landkreis nicht immer in der Mitte.
Der Ladekreis soll natürlich horizontal und vertikal in der Mitte sein.
Und einen Ladekreis habe ich schon von www.ajaxload.Info runtergeladen.
Hier ist der Quelltext meiner "mobilen" Seite:

<html>
 <head>
  <title>Meine Seite</title>
 </head>
 <body bgcolor="#F0F0F0" background="Download/Kaestchenpapier2.jpg.jpeg">
  <center>
   <form method="get">
   <font face="Comic Sans MS" size="+4">
    <br><br>
Melde dich mit deinem Account an! <br><br>
   <input type="text" maxlength="30" size="12" placeholder="Username" Name="user" style="font-family:Comic Sans MS; font-size:75px; background-color:#F0F0F0; border:0; height:100px;"><br><br>
    <input type="password" maxlength="30" size="12" name="passwort" placeholder="Passwort" style="font-family:Comic Sans MS; font-size:75px; background-color:#F0F0F0; border:0; height:100px;"><br> <br>
    <input type="image" style="border:0; height:200px;width:400px;" scr="Download/Kaestchenpapier2.jpg.jpeg"  name="Knopf"><br>
   </font>
   </form>
  </center>
 </body>
</html>

Es wäre schön, wenn jemand mir helfen könnte.
Vielen Dank!!!!!!!!!!!!!!!!!!!!!!!!!!