Indexseite zentrieren

T

TheIkarus

Grünschnabel
Hallo zusammen :)

Ich glaube das ist mein erster Post hier, naja zur Sache.

Ich suche jetzt schon 1 Stunde vergebens, hier im Forum, nach einer Möglichkeit meine "index.php" auf eine gewisse Größe und Position zu bringen !
Die Größe ist soweit kein Problem, hab ich mit

PHP: 
window.resizeTo(850,650) ;

gelöst im body tag.

Merkt man das ich null Plan von Javascript hab :) ?

Wäre nett, wenn mir jemand eine Lösung nennen könnte, mein Browserfenster, genau in die Mitte des Bildschirms zu bringen.
Wenn es möglich ist Auflösungs unabhängig.

Also wenn ich falsch hier bin Mod´s verschiebt mich ruhig :)

good n8

cheers

TheIkarus
 
Siehe SELFHTML:
http://selfhtml.teamone.de/javascript/objekte/window.htm

PHP: 
function anpassen()
{
 window.resizeTo(850,650);

 var x = (screen.width - window.outherWidth)/2;
 var y = (screen.height - window.outherHeight)/2;
 window.moveTo(x,y);
}
Ich hab jetzt dein Script-Teil übernommen.
Danach folgt ein Teil, der Das Fenster genau in die Mitte des Bildschirms setzt.
Dieser Code-Teil kann jederzeit verwendet werden, wenn auch die Breite nicht 850 und die Höhe nicht 650 Pixel ist.

Du solltest das dann nur noch so aufrufen:
Entweder:
<body onLoad="anpassen()" ...>
Oder:
<script language="JavaScript">
anpassen();
</script>

Ich hoffe, das dir das hilft.
 
Vielen Dank, das hilft mir sehr viel weiter !

SelfHTML Referenz liegt hier ausgedruckt aber war wohl gestern zu spät zum reinschnüffeln

cheers

TheIkarus
 
Mh so funktioniert der Code nicht

PHP: 
window.outherWidth
window.outherHeight
ist ein Tippfehler drin, muss heissen
PHP: 
window.outerWidth
window.outerHeight

rein logisch her müsste der code jetzt funktionieren, macht er aber nicht !

Ds Browserfenster springt in die linke obere ecke des screens und nicht in die Mitte

PHP: 
window.resizeTo(850,650);
das funktioniert in diesem Code wunderbar, naja evtl kannste ja nochmal drauf schauen,
hier ist mein Code von der index.php

PHP: 
<script language="JavaScript" type="text/JavaScript">

function anpassen()
{
 window.resizeTo(850,650);
 var x = (screen.width - window.outerWidth)/2;
 var y = (screen.height - window.outerHeight)/2;
 window.moveTo(x,y);
 focus();
 
}

</script>

...snip

<body onLoad="anpassen()">

...snip

Wie gesagt hab null Plan von JS, ich reim mir das alles aus der Referenz zusammen.

Also wenn jemand einen Rat hat...bitte

Danke

cheers TheIkarus
 
habs gelöst bekommen, für meine Zwecke ausreichend, aber bestimmt nicht die intelligenteste Lösung.

Für alle die es intressiert

PHP: 
<script language="JavaScript" type="text/JavaScript">

function anpassen()
{
 x = screen.width/2-425;
 y = screen.height/2-325;
 resizeTo (850,650 )
 moveTo (x,y)
 
}

</script>
 
Um antworten zu können musst du eingeloggt sein.

Neue Beiträge

Zurück