Hallo!
Die letzten Jahre habe ich meine Webseiten immer mit einem Platzhalter zentriert, der im "head" folgende Zeichen hat:

function  center() {
var my = document.getElementById('xr_xr');
var b=parseInt(my.style.width);
var h=parseInt(my.style.height);
var bheight = window.innerHeight || (window.document.documentElement.clientHeight || window.document.body.clientHeight);
b=(b/2)-b;
my.style.marginLeft = b + "px";
h=(h/2)-h;
if(parseInt(bheight) <= parseInt(my.style.height))
{
my.style.marginTop = "0px";
my.style.top="0px"

} else {
my.style.marginTop = h + "px";
my.style.top="50%"
}

my.style.left="50%"
my.style.textAlign="left";
my.style.position="absolute";
my.style.padding="0px";
}

function center_ () {
center();
document.body.style.visibility = "visible";

}

window.onDomReady(center_);
window.onresize=center;
</script>

Das hat auch immer prima und ohne Fehler geklappt...
Bis jetzt:

Ich habe für eine Seite eine Smartphone-Variante angelegt (480px).
(Die Standard-Seite hat immer noch 760 px)
Die Smartphonseite soweit angepasst.
Nun wird die smartphone-Variante auch passend auf einem smartphone angezeigt. m
Das ist schon mal gut...
Aber die Seite auf PC-Bildschirm (und Tablett) "hängt" leider unten rechts in der Ecke (bzw. am Rand) fest.
Warum funktioniert der Platzhalter nun nicht mehr? Das muss doch irgend wie mit der erstellten Smartphone-Variante zusammen hängen, da dieser Platzhalter ja auf allen anderen erstellten Webseiten einwandfrei funzt...
Hat jemand eine Idee, wie ich nun die Seite wieder zentriert auf den Schirm bekomme (ohne ständig in einer.css Datei reinschreiben zu müssen. Was leider auch missglückt ist)

Bin für jeden Tipp dankbar!

Beste Grüße