superfreak: Refresh verschiebt zentriertes Element vertikal

Beitrag lesen

Hallo

kann mir eventuell jemand erklären, was hier passiert:

Ich will, dass unabhängig von der Bildschirmauflösung alles eingemittet wird, den Code dazu ist weiter unten aufgeführt.

Nun passiert folgendes: wenn ich die Seite aufrufe, ist das Objekt (zum testen ein X) an einer Position in etwa in der Mitte. wenn ich F5 drücke, verschiebt sich das X um ca. 15 Pixel nach unten und bleibt dann immer dort, auch wenn ich nun mehrere andere Seiten aufrufe. Warum verschiebt sich das Objekt zwischen dem ersten Aufruf und dem ersten Refresh?

Das Beste passierte etwas später: ich habe die Datei testmässig zu meinem Hoster hochgeladen und dort passiert es nicht, keine Verschiebung. Hat jemand eine Ahnung, was das sein könnte?

Bin für jeden Tip dankbar. Gruss superfreak

Testdatei -> der Code ist im style-Bereich:

body
{font-family: Verdana, Tahoma, Arial; color: #FF0000;}
.center
{position: absolute; text-align: center; top: 50%; width: 100%; }

und im body-Bereich:

<div class="center"> X </div>