nicht angemeldet
Hallo,
aus den vielen Antworten, die ich vor einiger Zeit zum Thema "Positionierung von Ebenen" erhalten habe, hier nun die gesammelten Erkenntnisse, eine Ebene zentriert im "Fenster" zu positionieren. "Fenster" bedeutet für mich: den sichtbaren Bereich - ohne Scrollbalken.
Frage 1.) Erreiche ich mit dem Script in den genannten Browsern das gewünschte ( exakt das gleiche ) Ergebnis ?
Gibt es Verbesserungen / Anmerkungen hierzu ?
Frage 2.) Wie kann ich Opera 5 hier einordnen oder kann ich diesen Browser - auf Grund seiner geringen Verbreitung - generell unberücksichtigt lassen ?
Frage 3.) Eignet sich "window.opera", um Opera-Browser zuverlässig - auch zukünftig - gezielt anzusprechen ?
Für jede Antwort dankbar - mit freundlichen Grüßen
Gunnar
<HTML>
<HEAD>
<STYLE TYPE="text/css">
<!--
#ebene01
{
position:absolute;
width:100px;
height:100px;
background-color:#e6e6fa;
layer-background-color:#e6e6fa;
clip:rect(0px,100px,100px,0px);
visibility:visible;
}
//-->
</STYLE>
<SCRIPT LANGUAGE="JavaScript" TYPE="text/javascript">
<!--
var ns = (document.layers) ? 1:0; // Netscape 4
var ie = (document.all) ? 1:0; // Internet Explorer 4
var nn = (document.getElementById && !ie) ? 1:0; // Netscape 6+ | Mozilla
var op = (window.opera) ? 1:0; // Opera 6+
var ex = (document.getElementById && ie) ? 1:0; // Internet Explorer 5+
function positioniere_ebene()
{
// Nachfolgend für Netscape 4
if (ns)
{
ebene = document.ebene01;
ebene.left = window.pageXOffset+window.innerWidth/2-ebene.clip.width/2;
ebene.top = window.pageYOffset+window.innerHeight/2-ebene.clip.height/2;
}
// Nachfolgend für Internet Explorer 4
if (ie)
{
ebene = document.all.ebene01;
ebene.style.pixelLeft = document.body.scrollLeft+document.body.clientWidth/2-ebene.offsetWidth/2;
ebene.style.pixelTop = document.body.scrollTop+document.body.clientHeight/2-ebene.offsetHeight/2;
}
// Nachfolgend für Netscape 6+ | Mozilla
if (nn)
{
ebene = document.getElementById('ebene01');
ebene.style.left = window.pageXOffset+document.body.clientWidth/2-ebene.offsetWidth/2;
ebene.style.top = window.pageYOffset+document.body.clientHeight/2-ebene.offsetHeight/2;
}
// Nachfolgend für Opera 6+
if (op)
{
ebene = document.getElementById('ebene01');
ebene.style.left = window.pageXOffset+document.body.clientWidth/2-ebene.offsetWidth/2;
ebene.style.top = window.pageYOffset+document.body.clientHeight/2-ebene.offsetHeight/2;
}
// Nachfolgend für IE 5+
if (ie)
{
ebene = document.getElementById('ebene01');
ebene.style.left = document.body.scrollLeft+document.body.clientWidth/2-ebene.offsetWidth/2;
ebene.style.top = document.body.scrollTop+document.body.clientHeight/2-ebene.offsetHeight/2;
}
}
window.onload = positioniere_ebene;
//-->
</SCRIPT>
</HEAD>
<BODY BGCOLOR="#ffffff" onResize="window.location.reload()">
<DIV ID="ebene01"></DIV>
</BODY>
</HTML>