nicht angemeldet
Layer (<div>) soll über <select>
Hi,
kennt ihr das Problem?
<html>
<head>
<title>Unbenannt</title>
</head>
<body>
<div style="position:absolute; top:0px; left:0px; z-index:100; width:200;height:400;background-color:#000000">
<table cellspacing="2" cellpadding="2" border="0" height="400" bgcolor="red">
<tr><td>1</td><td>2</td></tr><tr><td>3</td><td>4</td></tr></table>
</div>
<form>
<select name="test">
</select>
</form>
</body>
</html>
?
Was kann man dagegen tun?
Grüsse, Sebastian
-
Hi Sebastian,
kennt ihr das Problem?
ja. Vergiss es, dein Vorhaben kannst du nur in ganz wenigen Browsern (und dann nur teilweise) umsetzen. Platziere die Elemente so, dass sich wichtige Informationen nicht überlappen.
LG Roland
--
[x] Für das Thema (BARRIEREFREIHEIT) im Forum
http://aktuell.de.selfhtml.org/tippstricks/beitrag.htm
ss:| zu:} ls:} fo:} de:> va:} ch:| sh:) n4:& rl:| br:< js:{ ie:{ fl:{ mo:|
(siehe http://emmanuel.dammerer.at/selfcode.html) -
Hi,
Ja, das Problem kenn ich!
Lösung: unter das Layer einen unsichtbaren IFrame legen (frameborder="0"), der genausp groß ist, wie das div. Das iFrame überdeckt das select, aber nicht das div!
-> Div überdeckt auch das select!Funzt allerdings nur im IE 5.5 und IE 6.0, NICHT IE <=5.0
Im Netscape >=6 brauchst du diesen Trick nicht, das geht es glaub ich so.
Im IE 5 (und evtl NS >6) wäre es wahrscheinlich sogar fatal, da dort das iframe dann das div überdeckt und du vom div nichts mehr siehst!
In älteren Browser besteht dieses Problem nicht nur mit selects sondern auch mit allen andern FormElementen, leider.
Gruß
Christian-
Danke für Eure Antworten, ich werds ausprobieren.
Grüsse, Sebastian
-