nicht angemeldet
IE legt Layer unter Formularfelder
Hi there,
ich schon wieder...
möchte auf meiner Seite Popups (div`s) mit Erklärungen zu wählbaren FormularPunkten anbieten, im NS läufts auch ganz gut, nur der IE legt das Popup partout UNTER die Formularfelder, obwohl der z-index höher ist.
Selbst wenn ich <body> nen z-index zuweise bringts nix.
Hat irgendjemand ne Idee, wie dem beizukommen ist ?
P.S: Coolstes Forum wo gibt !
-
Moin
P.S: Coolstes Forum wo gibt !
Yep. Mit bester Archivsuche http://selfsuche.teamone.de/cgi-bin/such.pl, wo gibt.
Mit solch obercoolen und total geheimen Suchbegriffen wie "Formular Layer" findet man z.B. Beiträge wie diese hier: http://forum.de.selfhtml.org/archiv/2002/7/16655/#m93187.
*SCNR*
Thomas J.-
Jo hast recht,
wenn man nur nach formularfeld über layer oder layer hinter formularfeld sucht um das ganze einzugrenzen hat man schon verloren.Danke für die obercoole Zurechtweisung
-
Danke für die obercoole Zurechtweisung
Kein Problem, schließlich hat ja jeder mal angefangen.
Thomas J.
-
hi,
wenn man nur nach formularfeld über layer oder layer hinter
formularfeld sucht um das ganze einzugrenzen hat man schon verloren.ein wunderbarer Einsatzfall für die Methode des Backtracking bei der Entwicklung einer angemessenen Suchstrategie.
Viele Grüße
Michael
-
-
Hallo,
das geht doch wunderbar. Nachfolgender Code ist getestet unter IE 5.0 und 5.5, Mozi kanns eh, nur NN4.x bleibt natürlich draußen.
<html>
<head>
<title></title>
<style type="text/css">
.formLayer {
position:absolute;
top:20px;
left:20px;
width:500px;
height:500px;
background-color:#ffff00;
color:#000000;
z-index:1;
}
.helpLayerOff {
position:absolute;
top:0px;
left:0px;
width:200px;
height:200px;
background-color:#ff0000;
color:#ffffff;
z-index:2;
display:none;
}.helpLayerOn {
position:absolute;
top:0px;
left:0px;
width:200px;
height:200px;
background-color:#ff0000;
color:#ffffff;
z-index:2;
display:block;
}</style>
</head>
<body>
<div class="formLayer">
<form>
<input type="text" name="txt1" id="txt1" />
<input type="checkbox" name="chk1" id="chk1" /> Checkbox 1
<input type="checkbox" name="chk2" id="chk2" /> Checkbox 2
<div onclick="document.getElementById('helpLayer').className = 'helpLayerOn'">Hilfe anzeigen</div>
</form></div>
<div id="helpLayer" class="helpLayerOff">Irgendein Hilfetext</div>
</body>
</html>Liebe Grüße, Uschi
-
Hi Uschi
meines Wissens tritt der Bug so auf:
NS4: bei allen Formularelementen
IE: nur bei select boxen
Mozilla: gar nichtlg Til
-
Moin Til,
IE: nur bei select boxen
Hast Recht, offenbar habe ich bislang lediglich riesiges Schwein gehabt, daß per Zufall mein helpers nie über einer Select-Liste erscheinen mußten.
thx für den Hinweis, Uschi
-
-
-