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
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å.
0
Hos mig kommer den blå boks i hvert fald øverst både i FF2 og i IE7
0
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.