I have the following code that makes it so that when working in a small window or unzooming the window the divMenu in chrome overlaps the divFold (to fold or unfold the menu) and the divbody. I have tried different things, in IE11 it works correctly ( debugging and looking for the divMenu element I observe that it also occupies more versus less zoom you give the screen in IE11, but here it works fine. Is it because of z-index? ) Let's see if someone Can you help me, I pass the code:
As I have the code right now, it only gives me the problem presented when folding and unfolding in chrome, in IE11 it works fine.
.divPlegar {
position:absolute;
z-index:2;
float:left;
background: url('img/ico_Exp.gif') center no-repeat;width:1px;height:5px;}
.divMenu {
position:absolute;
float:right;
width:10px;
height:100%;
z-index:1;}
.divBody {
z-index:0;float:left;width:90%;}
Fixed:
I have tried a thousand different forms of CSS, I point out before passing the code that I think the problem was in the overlapping order of the z-index between the menu and the body, and adding relative positioning in the body as they have been the last changes and as you can appreciate unique and apparently everything works well for me. Here is the code:
I hope that someone with similar problems will emphasize these styles.