groesse und position des aktuellen browserausschnitts ermitteln

[theo]

moin tp-gemeinde,

ich habe eine webseite, deren inhalt selbst bei sehr hohen aufloesungen einen vertikalen scroll erzwingt. jetzt habe ich einen link in der seite, nach dessen anklicken der den gesamten sichtbaren bereich mit einem leicht transparentem div ueberblendet werden soll (effekt wie bei lightbox2). nun suche ich eine moeglichkeit, den sichtbaren bereich und dessen position (fuer alle browser) zu ermitteln. leider ist der link etwas weiter unten in der seite, so dass das erzeugte div immer zu weit oben sitzt. wie komme ich ich an die aktuelle position der seite im browser, damit das div genau auf das sichtbare fenster passt.

alternative loesungen sind natuerlich auch willkommen. vielleicht hab ich mich auch zu sehr in die derzeitige variante verrannt. das einzige, was ich nicht ohne weiteres aendern kann, ist die laenge der seite.


vielen dank schon mal,
gruss hardy

[steffenk]

ich mach das so:

var myDiv = document.createElement("div");
var Id = document.createAttribute("id");
Id.nodeValue = "greyScreen";
myDiv.setAttributeNode(Id);

var Ausgabebereich = document.getElementsByTagName("body")[0];
Ausgabebereich.appendChild(myDiv);

div#greyScreen {
	position: fixed;
	z-index: 99998;	
	color: #fff;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
	filter: alpha(opacity=50);
	-moz-opacity: .50;
	opacity: .50;
}

[theo]

super sache!

danke steffen ... position: fixed ... das wars.


gruss
hardy

[rewboss]

Nur mal so nebenbei: position: fixed funktioniert im Internet Explorer erst ab Version 7 Beta 2.

[theo]

hi rewboss,

danke fuer den hinweis! hast du eine idee, wie man das fixen kann?


gruss,
hardy

[rewboss]

Zitat von theo

danke fuer den hinweis! hast du eine idee, wie man das fixen kann?

KLICK

Manko: Alles, was relativ oder absolut positioniert wird, wird im IE6 fixiert.

[theo]

der gute stu ...

danke fuer den tip!