Advanced Search

Return to Snippet

Revision: 17423
at September 4, 2009 10:20 by Arogarth
Initial Code 
<html>
<head>
</head>
<body>
  <select style="height: width:50px;">
    <option>test</option>
  </select>
	
  <div style="position: absolute; left: 20px; top: 5px; height: 100px; width:100px;">
    <iframe style="position: absolute; top: 0; left: 0; height: 100%; width:100%; border: 0;"></iframe>
    <div style="position: absolute; top: 0; left: 0; background: white; height: 100%; width:100%;">
My Content
    </div>
  </div>
</body>
</html>
Initial URL 









Initial Description





In Internet Explorer 6 (IE6) there is a bug to make div absolute positioned over select. The select will show over the div.
One solution is to place a empty iframe behind the div with same size.

The source below is a div as container to positioned it. In it there is a iframe und over it a div with the content.

It works fine with IE6, IE7 and FireFox3.5









Initial Title





Absolute DIV over a html-select (IE6 BUG)









Initial Tags





html, xhtml









Initial Language





HTML