Auf Thema antworten

Beitrag

[QUOTE="dte, post: 12256, member: 4101"]
Hallo zusammen.

Hoffe, ich bin hier in der richtigen Kategorie, da meine Frage wahrscheinlich ein Zusammenspiel aus Javascript, HTML und CSS ist...

Ich möchte die Position eines DIVs über Javascript verändern. Oben links, oben rechts, unten links und unten rechts funktionieren bereits. Wie kann ich mein DIV jedoch horizontal und/oder auch vertikal in Bezug auf das gesamte angezeigte Fenster positionieren?

VG Dennis

Hier die Teilausschnitte des relevanten Codes:

[CODE=javascript]        <script type="text/javascript">

function build() {

var content = 'Variabler Inhalt';
                var horizontal = 'OBEN';
                var vertikal = 'LINKS';

if (horizontal === 'LINKS') {
                    document.getElementById('overlay').style.left = '30px';
                } else if (horizontal === 'MITTE') {
                    null // HowTo?
                } else {
                    document.getElementById('overlay').style.right = '30px';
                }

if (vertikal === 'OBEN') {
                    document.getElementById('overlay').style.top = '20px';
                } else if (vertikal === 'MITTE') {
                    null // HowTo?
                } else {
                    document.getElementById('overlay').style.bottom = '20px';
                }

document.getElementById('overlay').style.fontFamily = 'Arial';
                document.getElementById('overlay').style.fontSize = '50px';
                document.getElementById('overlay').style.color = '#FF0000';
                document.getElementById('overlay').style.position = 'fixed';
                document.getElementById('overlay').innerHTML = content;
                setTimeout(build,10);

}

</script>[/CODE]

[CODE=html]    <body onload='build()'>
        <div id='overlay'></div>
    </body>[/CODE]
[/QUOTE]

Authentifizierung