Hola a todos
Tengo un problemilla con unas capas que estoy utilizando
resulta que necesito hacer una pestaña que se mantenga pegada al borde izquierdo de la ventana del navegador (lo cual logre hacer utilizando el atributo position:fixed)
pero también necesito que se mueva hacia arriba y hacia abajo cuando mueva el scroll de la pagina...
obviamente usando el position:fixed se queda fija donde yo la coloque, he intentado usando, margin-top, padding-top, entre otras cosas y de verdad ya no se que hacer
les agradeceria mucho si pudiesen ayudarme
este es el codigo que estoy usando para la pestaña
Código:
<!--comienza pestaña-->
<script>
function cambiar_img(imagen)
{
if(imagen.alt==12)
{
imagen.src='div/btn_1_b.gif';
imagen.alt=1;
document.getElementById('apDiv4').style.visibility='visible';
document.getElementById('apDiv7').style.visibility='visible';
}
else
{
imagen.src='div/btn_1_a.gif';
imagen.alt=12;
document.getElementById('apDiv4').style.visibility='hidden';
document.getElementById('apDiv7').style.visibility='hidden';
}
}
</script>
<div id="apDiv3"><image src='div/btn_1_a.gif' alt="12" onclick='cambiar_img(this)'></div>
<div id="apDiv7">
<table width="200px" height="200px" border="0" cellspacing="0" cellpadding="3">
<tr>
<td height="102" align="center"><script language="javascript" src="http://valery.helpserve.com/visitor/index.php?_m=livesupport&_a=htmlcode&departmentid=0&fullname=&email="></script></td>
</tr>
</table></div>
<div id="apDiv4"><img src="div/espacio_estados4.gif" width="454" height="369" /></div>
<!--cierra pestaña-->
y estos son los atributos CSS
Código:
#apDiv3 {
position:fixed;
width:60px;
height:300px;
z-index:25;
left: 0px;
top: 180px;
float: left;
padding: 0 auto;
clear: both;
}
#apDiv4 {
position:fixed;
width:454px;
height:369px;
z-index:25;
left: 55px;
top: 143px;
visibility: hidden;
}
#apDiv7 {
position:fixed;
width:200px;
height:200px;
z-index:26;
left: 290px;
top: 288px;
visibility: hidden;
}