scroll de una página

Betina232022 · #1 (**permalink**) 27/04/2009, 08:36

Hola a todos, espero se encuentren bien.

Tengo un div que se ve bien si la página esta maximizada, pero si la cambio de tamaño, al momento de bajar el scroll de la página este nunca llega al final y el div no se ve completo.

alguien sabe a que se debe esto?, espero me puedan ayudar, gracias

Betina232022 · #2 (**permalink**) 27/04/2009, 10:40

por favor ayudaaaaa

sweetlydark · #3 (**permalink**) 27/04/2009, 21:34

Que tipo de javascript estas usando con esto que podría resultar en algo así? Como no muestras nada de código o un enlace para ver y/o experimentar con el y como nunca me ha pasado algo así es difícil decir cual es el problema.

Betina232022 · #4 (**permalink**) 06/05/2009, 09:16

Hola gracias por contestar, este es un ejemplo de lo que quiero hacer, si visualizas la página maximizada se ve bien el div pero si cambias el tamaño y bajas la barra de desplazamiento para poder ver todo el div nunca llega al final de la página.

Código html:

Ver original<html>
<head>
 
 
</HEAD>
<Body onload="setVariables(); checkLocation()" bdcolor="#fffff" leftMargin="0" rightMargin="0" topMargin="0" bottomMargin="0">
 
 
 
<!--Tabla Principal-->
<Table border="0" bgcolor="#eff3f8" width="96%" cellspacing="0" cellpadding="0" align="center">
<tr><td width="100%" bgcolor="ffffff" align=middle>
  
 
 
 
<FORM name='ValidForms' METHOD=POST ACTION="/cgi-win/bdieintsi.exe/Consultar">
 
<script>
switch(screen.availWidth){
case 800:
 document.write("<div id='object3' style='position:absolute;visibility:show;display:none;left:500px;top:108px;z-index:2'>")
 break
case 1024:
 document.write("<div id='object3' style='position:absolute;visibility:show;display:none;left:720px;top:106px;z-index:2'>")
 break
case 1152:
 document.write("<div id='object3' style='position:absolute;visibility:show;display:none;left:850px;top:108px;z-index:2'>")
 break
case 1280:
 document.write("<div id='object3' style='position:absolute;visibility:show;display:none;left:960px;top:108px;z-index:2'>")
 break
}
</script>
<Table width="210" bgcolor="#ffffe1" border="1" frame="box" rules="none" bordercolordark="#000000" bordercolorlight="#ffffe1" cellpadding="5" cellspacing="0">
 <tr valign=top align=middle>
  <td widht=90%><font color=#333399><b>&nbsp;Herramienta disponible dentro de </font><font color=#800000>Opciones de Consulta&nbsp;</font></td>
  <td widht=10% align=right><img style='cursor:hand;cursor:pointer' name='Ocultar' src='/bdieSI/ICONOS/cierraOpc1.gif' border=0 ALIGN=top alt='Cierra mensaje' onclick="CierraSMV()"></td>
 </tr>
</table>
</div>
<script>
function setVariables() {
 if (navigator.appName == "Netscape") {
  v=".top=";
  dS="document.";
  sD="";
  y="window.pageYOffset";
 }
 else {
  v=".pixelTop=";
  dS="";
  sD=".style";
  y="document.body.scrollTop";
 }
}
function checkLocation() {
 object="object1";
 objects="object2";
 yy=eval(y)+ 185;
 zz=eval(y)+ 160;
 eval(document.getElementById(object).style.top=yy);
 eval(document.getElementById(objects).style.top=zz);
 setTimeout("checkLocation()",10);
}
 
</script>
<script>
switch(screen.availWidth){
case 800:
 document.write("<div id='object2' style='position:absolute;visibility:show;left:500px;top:40px;z-index:2'>")
 break
case 1024:
 document.write("<div id='object2' style='position:absolute;visibility:show;left:700px;top:69px;z-index:2'>")
 break
case 1152:
 document.write("<div id='object2' style='position:absolute;visibility:show;left:820px;top:69px;z-index:2'>")
 break2
case 1280:
 document.write("<div id='object2' style='position:absolute;visibility:show;left:920px;top:69px;z-index:2'>")
 break
}
</script>
 
</div>
<script>
switch(screen.availWidth){
case 800:
 document.write("<div id='object1' style='position:absolute;visibility:show;left:500px;top:69px;z-index:2'>")
 break
case 1024:
 document.write("<div id='object1' style='position:absolute;visibility:show;left:700px;top:90px;z-index:2'>")
 break
case 1152:
 document.write("<div id='object1' style='position:absolute;visibility:show;left:820px;top:69px;z-index:2'>")
 break
case 1280:
 document.write("<div id='object1' style='position:absolute;visibility:show;left:920px;top:69px;z-index:2'>")
 break
}
</script>
<Table width="280" bgcolor="#E9F4FC" border="1" frame="box" rules="none" bordercolordark="#c0d8e0" bordercolorlight="#c0d8e0" cellpadding="0" cellspacing="0">
<tr valign=middle align=middle><td height=15>
<table border="0" cellpadding="0" cellspacing="8"><tr>
<td><INPUT TYPE="image" ></td>
<td><a href="#"><img border=0></a></td>
<td><a href="#"><img border=0></a></td>
</table></td></tr>
<tr><td>
<Table border="1"  width="100%" cellpadding="1" cellspacing="2">
<tr><td><table align="left" border="0" cellpadding="0" cellspacing="1">
<tr><td colspan="12"><p >&nbsp;Algo</td></tr>
<tr><td width="8">&nbsp;</td>
<td><Input type="radio" border="0" checked></td><td width="4"></td><td><p >1</td><td width="4"></td>
<td><Input type="radio" border="0" checked></td><td width="4"></td><td><p >2</td><td width="4"></td>
<td><Input type="radio" border="0" checked></td><td width="4"></td><td><p >3</td>
</tr>
<tr><td width=2></td>
<td><Input type="radio"  border="0"></td><td width="4"></td><td><p >1</td><td width="4"></td>
<td><Input type="radio"  border="0"></td><td width="4"></td><td><p >2</td><td width="4"></td>
<td><Input type="radio"  border="0"></td><td width="4"></td><td><p >3</td>
</tr>
</table></td></tr>
<INPUT TYPE=HIDDEN NAME="Orden" VALUE="">
<tr><td><table align="left" border="0" cellpadding="0" cellspacing="1">
<tr><td colspan="6"></tr>
<tr><td width="8">&nbsp;</td><td><p class="opConsulta2">Desde:&nbsp;
<SELECT NAME='AAMin'>
<OPTION value='2001' SELECTED>1
<OPTION value='2002'>1
<OPTION value='2003'>1
<OPTION value='2004'>1
<OPTION value='2005'>1
<OPTION value='2006'>1
<OPTION value='2007'>1
<OPTION value='2008'>1
<OPTION value='2009'>1
</SELECT></td>
<td width=8></td>
<td><p class='opConsulta2'>Hasta:&nbsp;
<SELECT NAME='AAMax'>1
<OPTION value='2001'>1
<OPTION value='2002'>1
<OPTION value='2003'>1
<OPTION value='2004'>1
<OPTION value='2005'>1
<OPTION value='2006'>1
<OPTION value='2007'>1
<OPTION value='2008'>1
<OPTION value='2009' SELECTED>1
</SELECT></td></tr>
</table></td></tr>
<tr><td><table align="left" border="0" cellpadding="0" cellspacing="1">
<tr><td colspan="6"></td></tr>
<tr valign=top><td width="8">&nbsp;</td><td width="4"></td></tr>
<tr><td width=2></td>
<td width="4"><INPUT TYPE=CHECKBOX border=0></td>
<td width="20"><p >&nbsp;G</td><td>&nbsp;</td>
<td><SELECT NAME='TipoGraf'>
<OPTION value='1'>1
<OPTION value='2'>2
<OPTION value='3'>3
<OPTION value='4'>4
<OPTION value='5'>5
<OPTION value='6'>6
<OPTION value='7'>7
<OPTION value='8'>8
<OPTION value='9'>9
<OPTION value='10'>10
<OPTION value='11'>11
<OPTION value='12'>12
<OPTION value='13'>13
<OPTION value='14'>14
</SELECT></td></tr>
<tr>
<td>&nbsp;</td>
<td><INPUT TYPE="CHECKBOX" NAME="E"></td>
<td width="20"><p >&nbsp;E</td><td>&nbsp;</td>
<td><SELECT NAME='TipoExp'>
<OPTION value='2'>S
<OPTION value='1'>Y
<OPTION value='3'>T
</SELECT></td></tr>
<tr><td width=4>&nbsp;</td>
<td width="5"><INPUT TYPE=CHECKBOX NAME="E"></td>
<td width="20"><p >&nbsp;Es</td></tr>
</table>
</td></tr>
</table>
</td></tr>
<tr bgcolor="#c0d8e0" valign="middle"><td height=20></td></tr>
<tr valign=middle align=middle><td height=20>
<table border="0" cellpadding="0" cellspacing="2"><tr>
<td></td>
<td></td>
<td valign=bottom></td>
<td></td>
</tr>
<tr valign=middle><td colspan=4 height=20 align=middle></td></tr>
</table></td></tr>
 
 
</table>
</div>
 
</FORM>
</tr></td></table>
</tr></td></table>
 
</body>
</html>

TonyChile · #5 (**permalink**) 06/05/2009, 10:04

Hola betina sabes te recomiendo que hagas esto para que se nos haga mas facil de leer tu codigo asi y despues del = colocas html o asp o php segun sea el caso en vez de como lo pusiste que mira hay muchos que al verlo como lo pusiste el codigo ni siquiera lo leen.
es solo como recomendacion que estes muy bien

Betina232022 · #6 (**permalink**) 06/05/2009, 10:46

Ya logre hacer que se viera todo el div al recorrer el scroll de la página, gracias y que esten bien

TonyChile · #7 (**permalink**) 06/05/2009, 12:46

Wuaaaaaaaa te iba a dar un link de una pagina por si te servia aunq no se si te iba a servir pero igual aca esta es que la verdad no he tenido tiempo estoy haciendo un sistema que me tiene loco

Me alegro que lo solucionaras podrias indicar el cambio que hiciste para correjir el error y asi le sirve a otra persona y tambien puedes poner en tu mensaje original que esta solucionado asi cirran el tema y si alguien busca algo similar sabra que tiene la solucion.
Que estes muy bien