Z-Index: Divs still overlap in the wrong order (browserwide)
Posted
by BeatMe
on Stack Overflow
See other posts from Stack Overflow
or by BeatMe
Published on 2010-04-30T05:33:15Z
Indexed on
2010/04/30
5:37 UTC
Read the original article
Hit count: 241
Hi,
I can't select one of those dropdrown-links, although the #header div has a higher z-index than the rest. All relevant divs are in the same level but do not align properly:
http://img32.imageshack.us/img32/4245/zindex.png
<div id="header">
<div id="navigation">
</div>
</div>
<div id="sidebar"></div>
<div id="content">
...
</div>
#header {
width: 915px;
height: 76px;
z-index: 5;
}
#content {
width: 677px;
height: 412px;
margin-left: 202px;
z-index:1;
}
#sidebar {
float: left;
width: 200px;
height: 448px;
z-index: 2;
}
#navigation {
height: 28px;
width: 915px;
float: right;
}
© Stack Overflow or respective owner