Foros del Web » Creando para Internet » HTML »

Problema con Capas DIV

Estas en el tema de Problema con Capas DIV en el foro de HTML en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 18/08/2010, 11:34
Avatar de IssuesGirl  
Fecha de Ingreso: agosto-2010
Mensajes: 9
Antigüedad: 7 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;
}
  #2 (permalink)  
Antiguo 18/08/2010, 14:28
 
Fecha de Ingreso: diciembre-2004
Ubicación: Madrid
Mensajes: 541
Antigüedad: 13 años
Puntos: 28
Respuesta: Problema con Capas DIV

te mentiría si dijera que sé solucionarlo, pero en http://www.dynamicdrive.com/dynamici...lide/index.htm tienen unos menús laterales que se mueven conforme haces scroll en la página, tal vez ahí encuentres la solución
  #3 (permalink)  
Antiguo 19/08/2010, 11:11
Avatar de seudoCodigo  
Fecha de Ingreso: octubre-2003
Ubicación: Puerto Rico
Mensajes: 163
Antigüedad: 14 años, 1 mes
Puntos: 1
De acuerdo Respuesta: Problema con Capas DIV

Cita:
Iniciado por Ember Ver Mensaje
te mentiría si dijera que sé solucionarlo, pero en http://www.dynamicdrive.com/dynamici...lide/index.htm tienen unos menús laterales que se mueven conforme haces scroll en la página, tal vez ahí encuentres la solución
:D DynamicDrive siempre me ha resuelto
  #4 (permalink)  
Antiguo 19/08/2010, 17:51
Avatar de tredio  
Fecha de Ingreso: noviembre-2008
Ubicación: Carabobo
Mensajes: 466
Antigüedad: 9 años
Puntos: 66
Respuesta: Problema con Capas DIV

con el position:fixed, eso es exactamente lo que pasa, el div deberia bajar conforme lo hace el scroll, deberias quitar la propiedad float:left, no esta haciendo nada ahi. cuentanos como te va.

Etiquetas: alineacion, capas
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 07:24.