nicht angemeldet
problem mit der anzeigereihenfolge von div's
Struppialso...ich habe in einem div, was angezeigt werden soll ein option...dieses div hat den z-index:1...
dann habe ich aber noch ein weiteres div, was immer angezeigt werden soll, aber verschwindet, wenn die seite komplett geladen ist...das hat den z-index:2...ich hatte ihn auch schon auf 10 gesetzt...
mein problem ist, dass die option aus dem div, was ja eigentlich unter dem anderen ist, nicht überblendet wird, sondern auch auf dem oberen div zusehen ist
weiß vielleicht jemand, woran das liegen kann?
-
Hallo erstmal!
also...ich habe in einem div, was angezeigt werden soll ein option...dieses div hat den z-index:1...
dann habe ich aber noch ein weiteres div, was immer angezeigt werden soll, aber verschwindet, wenn die seite komplett geladen ist...das hat den z-index:2...ich hatte ihn auch schon auf 10 gesetzt...
mein problem ist, dass die option aus dem div, was ja eigentlich unter dem anderen ist, nicht überblendet wird, sondern auch auf dem oberen div zusehen ist
weiß vielleicht jemand, woran das liegen kann?Dieser permanent kleingeschriebene, sich in Auslassungen auslassende Problemvortrag ist ja kaum zu verstehen.
Bitte poste den erheblichen Quelltext, zugehörige Stylesheets und JavaScripts und erkläre verständlich, was Du mit "option" meinst!
Gruß aus Berlin!
eddi-
Die Funktion um das DIV unsichtbar zu machen:
function oeffnen() {
document.getElementById('laden').style.visibility = "hidden";
}Der Body, der beim fertigen Laden das DIV unsichtbar machen soll:
<body id="seite" topmargin="10" leftmargin="10" bgcolor="#E7E7E7" onload="oeffnen();">Das DIV selbst, was von Anfang an sichtbar ist:
<div id="laden" style="position:absolute;top:10px;left:10px;visibility:visible;z-index:2;">
<table border="0" cellpadding="0" cellspacing="0" width="980" height="700" id="preloader2">
<tr>
<td bgcolor="#E7E7E7" width="100%" height="100%" align="center" valign="center" id="preloader1"><img src="images/bg_laden.gif"></td>
</tr>
</table>
</div>Das Select, was sich trotz niedrigerem z-index vor das DIV schiebt:
<select name="ordner" style="border:1px;border-color:#7F9DB9;border-style:solid;width:160;height:21;font-size:8pt;font-family:verdana;z-index:1">
<option>test</option>
<option>test2</option>
</select>Ich hoffe, dass es jetzt mir Groß- und Kleinschreibung besser war^^
-
Das Select, was sich trotz niedrigerem z-index vor das DIV schiebt:
<select name="ordner" style="border:1px;border-color:#7F9DB9;border-style:solid;width:160;height:21;font-size:8pt;font-family:verdana;z-index:1">
<option>test</option>
<option>test2</option>
</select>Der z-index hat bei Auswahlfelder keine Wirkung, zumindest im IE nicht.
Übrigens ist dein CSS ziemlicher Murks, da fehlen die Maßeinheiten und 'pt' ist keine sinnvolle Angabe für ein Schriftgröße am Monitor, die Eigenschaften von border kann man zusammenfassen und bei der Schrifart sollte noch eine generische Schriftart angegeben werden.
Struppi.
-
naja...das muss ich ja alles noch überdenken, davon habe ich den Fehler aber immer noch nicht beseitigt, dass ich ein DIV habe, auf dem ein Ladebalken ist und der, solange geladen wird, über allem stehen soll (alles verdecken soll) aber die Select's trotzdem sichtbar sind
-
naja...das muss ich ja alles noch überdenken, davon habe ich den Fehler aber immer noch nicht beseitigt, dass ich ein DIV habe, auf dem ein Ladebalken ist und der, solange geladen wird, über allem stehen soll (alles verdecken soll) aber die Select's trotzdem sichtbar sind
soweit ich weiß ist das nur im IE so.
die einzige Möglichkeit ist, dieses unsichtbar zu machen (mit display='none')
Struppi.
-
und wann sollte ich die wieder sichtbar machen?
weil wenn die funktion durch ist, müsste ich mit dem js irgendwie wieder in php nachgucken, welches ding denn angezeigt werden soll und das dann im onload wieder sichtbar machen
-
-
-
-
-