Tengo el siguiente código que hace que cuando se trabaja en una pequeña ventana o quitas zoom a la ventana el divMenu en chrome solape el divexpdivPlegar (para plegar o desplegar el menú) y el divbody. He probado diferentes cosas, en IE11 funciona correctamente (depurando y buscando el elemento divMenu observo que también ocupa más contra menos zoom le das a la pantalla en IE11, pero aquí si funciona bien. ¿Será por z-index?) A ver si alguien me puede ayudar, paso el código:
Conforme lo tengo ahora mismo el código, solo me da el problema presentado al plegar y desplegar en chrome, en IE11 funciona bien.
Aquí el CSS:
.divExpdivPlegar {
position:absolute;
z-index:2;
float:left;
background: url('img/ico_Exp.gif') center no-repeat;width:10px;height:55px;border-top: 1px solid #aaaaaa; border-bottom: 1px solid #aaaaaa; border-left: 1px solid #aaaaaa; color: #222222; font-weight1px;height: bold;5px;}
.divMenu {
position:absolute;
float:left;right;
width:17px;10px;
height:100%;
z-index:1;}
.divBody {
z-index:0;float:right;width:83%;}
.divBodyR {
float:right;
widthleft;width: 98%;90%;}
Aquí el html:
<tr valign="middle">
<td valign="top" valign="middle" >
<div id="menu" class="divMenu">
<tiles:insert attribute="menu" />
</div>
<div id="body" class="divBody">
<div class="divExp" id="exp">
</div>
<div class="divBodyR">
<tiles:insert attribute="body" />
</div>
<tiles:insert attribute="dialog" />
</div>
</td>
</tr>