PDA

View Full Version : IE 7 zindex problem



supersoniquest
07 Jan 2009, 09:13 AM
look at :
http://politea.sk/tmp/ytie/

if you open the combobox, the button is still over the open combobox althrought it has a lower z index

i tried several positions but still dont know whats causing this error, or how to fix that

http://politea.sk/tmp/ytie/ie.jpg

thank you

Wickham
08 Jan 2009, 03:06 PM
In Firefox the WEITER button is covered by the combobox drop down, but in IE7 it's on top like your image in the post.

I downloaded your files and I've been able to see the drop down combobox in Firefox in my local version and in IE7. However, by adding z-index it worked in Firefox but not in IE7.

This worked:-
Move the div.next:-



<div class="r_col">
<span

class="label">Manschettenknopfe</span>
<div

class="div_combobox" style="height: 100px; ">
<div

class="div_combobox_precontent" onclick="openCombobox(this)"

style="height: 100px">


<p class="combo">


<img src="img/content/tie.jpg" class="left"/>


<br />


Manschette 1


</p>


</div>


<div class="next" >
<input

type="button" value="weiter" class="button" />
</div>


<div

class="div_combobox_content" style="top: 105px; height: 250px;

overflow: auto; ">



<div class="div_combobox_item" style="height: 100px;

background-color: violet;" onclick="itemClicked(this)">


<p class="combo">




<img src="img/content/tie.jpg" class="left"/>


<br />


Manschette 1


</p>


</div>
</div>

<br

style="clear:both" />
</div>


</div>
<!--<div class="next" ">
<input

type="button" value="weiter" class="button" />
</div> moved up-->
</div>
<div class="box2"></div>..........

then edit the style in configurator.css:-

div.next {
clear: both;
left: -250px; top: -50px;
position: absolute;
margin-top: 270px;
margin-left:370px;

}

and in ie.css:-

div.next {left: -250px; top: 150px;
margin-top: 70px;
margin-left: 190px;
}