How To Display One DIV Over Another DIV In IE6?

Question

I am writting some html code which have following structure

Solution 1:

What do you mean by "Lower_Element is a normal drop down box"? Is it a <select> element or a <div> as in your example? If it is a <select> then you are seeing a very old bug that affects IE6 and has been asked/solved many times before, for example Z-Index problems with IE6 and html <select> element and iframe shimming or ie6 (and below) select z-index bug

Solution 2:

Use position: absolute and z-index attribute to position one element above another

Related links:

Code

<div style="position:absolute"> ... </div>

Positioning:

<div style="position:absolute; top: 100px; left: 100px"> ... </div>

UPD

<div style="position:relative">
  <form>
    <div id="upper_element" style="position:absolute; z-index:2">I am top level div!</div>
    <div id="lower_element" style="position:absolute; z-index:1">I am on the bottom of life</div>
  </form>
</div>

http://jsfiddle.net/vLx6X/

Html5 College

How To Display One DIV Over Another DIV In IE6?

Solution 1:

Solution 2:

Post a Comment for "How To Display One DIV Over Another DIV In IE6?"