Ver Mensaje Individual
  #1 (permalink)  
Antiguo 18/08/2010, 10:34
Avatar de IssuesGirl
IssuesGirl
 
Fecha de Ingreso: agosto-2010
Mensajes: 9
Antigüedad: 14 años, 3 meses
Puntos: 0
Problema con Capas DIV

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;
}