Buenas, les queria pedir algun consejo o ayuda, no se si en este foro de css, en javascript o html pero esencialmente tengo :
3 capas o divs, y debo usar un splitter o separador vertical para poder extender dos de ellas al maximo.
el splitter que uso es este:
http://web.archive.org/web/201603231...ter/index.html
aca pueden ver el esquema y codigo mejor:
Código:
<style type="text/css" media="all">
#MySplitter {
height: 800px;
width: auto;
margin: 1em 3em;
}
#LeftPane {
overflow: auto;
}
#RightPane {
overflow: auto;
}
#MySplitter .vsplitbar {
width: 6px;
background: #aca url('http://methvin.com/splitter/img/vgrabber.gif') no-repeat center;
}
#MySplitter .vsplitbar.active {
background: #da8 url('http://methvin.com/splitter/img/vgrabber.gif') no-repeat center;
opacity: 0.7;
}
</style>
<div id="MySplitter">
<div id="LeftPane">
<div id="sc_workarea" >
</div><!--workarea -->
</div> <!--left panel -->
<!--right panel -->
<div id="RightPane">
<div id="sc_preview" >
</div>
<div id="sc_library" class="sc-cell">
</div><!--sc library -->
</div><!--right panel -->
</div><!--MySplitter -->
Cuando elimino el <div id="LeftPane"> puedo extender la capa que esta adentro (sc_workarea) sin problema. El tema es que en el otro (rightpanel) tengo dos capas, sc_preview q es invisible y sc_library que es la que deberia extender a su maximo como pasa con sc_workarea.
No se si es confuso pero basicamente es asi.
Le ruego a algun experto si me puede dar su opinion, estare infinitamente agradecido.
Saludos!