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;
}
Powered by vBulletin® Version 4.2.0 Copyright © 2024 vBulletin Solutions, Inc. All rights reserved.