Hallo,

ich brauche eine Möglichkeit, eine Fläche zu erstellen die den gesammten Bildschirm ausfüllt, u. alle Elemente abdeckt. Auch wenn man scrollt soll man diese Fläche sehen u. nichts darunter.
Ist das möglich?
mit 100% in css geht das ja nicht, da geht nur einmal die Fläche des Bildschirmes.
Aber kann man vielleicht in JS auslesen wie hoch u. breit die Website in Pixeln ist, dann könnte man die Fläche ja auch dementsprechend groß gestalten (dynamisch versteht sich).
Oder gibts da elegantere Lösungen?
Wobei ich nicht alle Elemente darunter verschwinden lassen möchte, das ist mir irgendwie zu aufwändig u. man muss sie auch schnell wieder einblenden können.
die Ebene muss außerdem einen z-index haben können, denn ein Element soll dann doch noch drüber angezeigt werden.

Kannst Du das bitte genauer erklären?

Warum funktionieren die 100%-Angaben bei CSS nicht??

Also erstmal, Position: fixed funktioniert im IE u. netscape doch wohl nicht richtig, oder? Habe da mal was gehört, dass es im body TAG doch funktioniert? bin mir nicht sicher!?
Die 100% Angaben beziehen sich ja nur auf einmal breite u. höhe des fensters, wenn ich dann im IE runterscrolle, dann sehe ich die Fläche nicht mehr, insofern das position: fixed nicht wirkt.

Im body bereich nützt es mir aber leider herzlich wenig, da ich ja etwas mit der Fläche abdecken muss!\n\n

<!--EDIT|Danwe|1152516493-->

Wie wäre es mit:

#mydiv {visibility:hidden } für das div.\n\n

<!--EDIT|GwenDragon|1152518278-->

hmh, verstehe ich nicht so gany was das bringen soll.
ich löse das Problem nun über diesen Befehl:

document.getElementsByTagName("table")[i].style.visibility = "hidden";

ich mache also alle nicht gewollten Tabellen unsichtbar.
Ich habe aber noch das Problem, dass ich das ganze durchlaufen muss, ich aber nicht weis, wie viele Tabellen ich habe.
Gibt es sowas wie:
document.getElementsByTagName("table").count
damit ich weis, wann ich alle Tabellen durchlaufen habe, in meiner Schleife die ich außenherum gebaut habe?

mit

do {
} while (document.getElementsByTagName("table")[i].nodeName == "TABLE")

geht es nicht, da endet das Programm einfach.

edit:
danke, habe die Antwort gefunden, mit .length geht es denke ich.\n\n

<!--EDIT|Danwe|1152521836-->

Wie wäre es, wenn du den Tabellen einen id oder name gibst und dann so:
document.getElementById("tabelle1").style.visibility = "hidden";
oder
document.getElementsByName("tabelle1")[0].style.visibility = "hidden";\n\n

<!--EDIT|GwenDragon|1152521774-->

Bringen tu es soweiso nichts. Denn bei abgeschaltetem CSS sieht man es doch wieder.

[quote=GwenDragon,10.07.2006, 10:55]Wie wäre es, wenn du den Tabellen einen id oder name gibst und dann so:
document.getElementById("tabelle1").style.visibility = "hidden";
oder
document.getElementsByName("tabelle1")[0].style.visibility = "hidden";[/quote]
Genauso mache ich es ja, habe ich in meinem letzten Post doch erwähnt ;-)
Damit funktioniert es jetzt wunderbar u. ist wesentlich elleganter als die wackelige CSS Lösung!