nicht angemeldet
Tach auch,
In welchen Browsern tritt der Effekt auf? In allen, oder nur bestimmten?
Wie sieht die genaue Dokumentstruktur aus, die bei der Operation herauskommt? (->Firebug!)
Welche CSS-Eigenschaften haben die beteiligten Elemente? Sind sie absolut positioniert, haben sie untypischen z-index?
Liegt das select-Element komplett im Vordergrund, oder nur die aufgeklappte Liste? Falls letzteres zutrifft, hast du vermutlich keine Chance, weil das vom GUI deines Systems kontrolliert wird.
Also ich benutze den IE6, wie es bei dem IE8 aussieht, weiß ich nicht, da ich es "noch" nicht getestet hab.
Ich kann nur den IE benutzen, da mein Script ne *.HTA-Datei ist.
Die Doukemtstruktur sieht wie folgt aus:
</head>
<body onKeyPress="return Entersperre(event)" onKeyDown="return F5sperre(event)" onmousedown="return rechteMaussperre()" oncontextmenu="return rechteMaussperre()" onload="init_Basis(); Inhalt_leeren(); load('500'); Fensterhoehe(); Version(); Aufrufe_Script()">
<form id="Auswahl" name="Auswahl" class="Formular">
<table id="Tabelle1" class="Tabelle1" cellspacing="2px">
<tr class="Zeile1">
<td colspan="12"></td>
</tr>
<tr class="Zeile2">
<td class="Spalte1"></td>
<td colspan="10" class="Spalte2">...</td>
<td class="Spalte1"></td>
</tr>
<tr class="Zeile3">
<td colspan="12"></td>
</tr>
<tr class="Zeile4">
<td class="Spalte1"></td>
<td class="Spalte3">Flugzeugtyp:</td>
<td class="Spalte4"><label id="FLTLabel" for="FLT"></label>
<select id="FLT" name="FLT">
<option value="--">Bitte wählen:</option>
<option value="SA1">...</option>
</select></td>
</tr>
...
</table>
</form>
</body>
</html>
Das Einzubindende DIV:
function Screen_Druck_Fenster_Erstellen( ... )
{
var Hintergrund_Transparenz = document.createElement( "div" );
//-----------------------------------------------------------------------------//
//-- Hintergrund, welcher Transparent ist, um das Druckfenster hervorzuheben --//
//-----------------------------------------------------------------------------//
Hintergrund_Transparenz.className = "Hintergrund_Transparenz";
Hintergrund_Transparenz.id = "Hintergrund_Transparenz";
Hintergrund_Transparenz.style.height = document.documentElement.clientHeight + "px";
Hintergrund_Transparenz.style.width = document.documentElement.clientWidth + "px";
};
...
Die dazugehörige CSS-Anweisungen:
<style type="text/css">
/*----------------------------------------*/
/* -- Screen - Ausgabe - Informationen -- */
/*----------------------------------------*/
@media screen {
/*-----------------------------------------------------------*/
/* -- Spalten - Info's allgemein -> für das "Druckfenster -- */
/*-----------------------------------------------------------*/
.Hintergrund_Transparenz { position:absolute; top:0px; left:0px; background-color:#FFFFFF; z-index:1; filter:alpha(opacity=45); }
...
/*-------------------------------*/
/* -- Allgemeine Festlegungen -- */
/*-------------------------------*/
body { background-color:lightblue; font-family:Times; font-size:16px; }
.Formular { width:1126px; margin:auto; }
.Tabelle1 { width:1126px; display:none; margin:0px; padding:0px; border-collapse:collapse; }
...
}
</style>
Also alle DIV's sind (welche ich in den body-Tag) neu einfüge, absolut positioniert und haben auch ein entsprechenden z-index-Faktor (aber nur die neuen DIV's).
Und so wie ich es erkenne, liegt das komplette select-Feld im Vordergrund und dementsprechend auch die aufklappbare Liste.
Soll ich dem "Formular" in eine DIV klappen und diese nen z-index von -1 geben oder so?
Oder wie bewerkstellige ich es "auch" für den IE6 (sofern es bei dem IE8 funktioniert).
LG Romero
Der Martin