Div ovenpå formular (IE)

Tags:    html css

Hvordan er det muligt at placere en div boks oven på en formular i IE. jeg har lavet et lille eksempel som i FF placere den blå boks ovenpå formularen men i IE vil formularen hele tiden være placeret øverst.

<html>
<head>
<title>Untitled Document</title>
</head>

<body>
<div style="position:absolute; top:50px; left:50px; height:100px; width:200px; border:solid 1px; background-color:#00FF66; z-index:1;">grøn
<form style="z-index:3">
<select>
<option>punkt 1</option>
<option>punkt 2</option>
<option>punkt 3</option>
<option>punkt 4</option>
<option>punkt 5</option>
<option>punkt 6</option>
</select>
</form>
</div>
<div style="position:absolute; top:30px; left:100px; height:100px; width:200px; border:solid 1px; background-color:#99CCFF; z-index:5">blå
</div>

</body>
</html>



5 svar postet i denne tråd vises herunder
3 indlæg har modtaget i alt 3 karma
Sorter efter stemmer Sorter efter dato
I IE vil SELECT-bokse altid blive vist øverst, men så vidt jeg husker er fejlen rettet i version 7.



skal man ik bare sætte "stylen" ind i select elementet?

MVH Melgaard



Der skal laves et såkaldt shim-layer hen over.
Et shim-layer består af en div med en iframe. Derefter laver du så din rigtige div oven på.



Hos mig kommer den blå boks i hvert fald øverst både i FF2 og i IE7



Ja det skulle efter sigende virker som det var ment i IE7, men desværre ikke IE6 som stadig er den mest udbredte browser, heller ikke selvom jeg sætter stylen på select tagget, desværre.



t