Tema: scroll de una página
Ver Mensaje Individual
  #4 (permalink)  
Antiguo 06/05/2009, 09:16
Betina232022
 
Fecha de Ingreso: enero-2008
Mensajes: 366
Antigüedad: 17 años
Puntos: 3
Respuesta: scroll de una página
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
  1. <html>
  2. <head>
  3.  
  4.  
  5. </HEAD>
  6. <Body onload="setVariables(); checkLocation()" bdcolor="#fffff" leftMargin="0" rightMargin="0" topMargin="0" bottomMargin="0">
  7.  
  8.  
  9.  
  10. <!--Tabla Principal-->
  11. <Table border="0" bgcolor="#eff3f8" width="96%" cellspacing="0" cellpadding="0" align="center">
  12. <tr><td width="100%" bgcolor="ffffff" align=middle>
  13.   
  14.  
  15.  
  16.  
  17. <FORM name='ValidForms' METHOD=POST ACTION="/cgi-win/bdieintsi.exe/Consultar">
  18.  
  19. <script>
  20. switch(screen.availWidth){
  21. case 800:
  22.  document.write("<div id='object3' style='position:absolute;visibility:show;display:none;left:500px;top:108px;z-index:2'>")
  23.  break
  24. case 1024:
  25.  document.write("<div id='object3' style='position:absolute;visibility:show;display:none;left:720px;top:106px;z-index:2'>")
  26.  break
  27. case 1152:
  28.  document.write("<div id='object3' style='position:absolute;visibility:show;display:none;left:850px;top:108px;z-index:2'>")
  29.  break
  30. case 1280:
  31.  document.write("<div id='object3' style='position:absolute;visibility:show;display:none;left:960px;top:108px;z-index:2'>")
  32.  break
  33. }
  34. </script>
  35. <Table width="210" bgcolor="#ffffe1" border="1" frame="box" rules="none" bordercolordark="#000000" bordercolorlight="#ffffe1" cellpadding="5" cellspacing="0">
  36.  <tr valign=top align=middle>
  37.   <td widht=90%><font color=#333399><b>&nbsp;Herramienta disponible dentro de </font><font color=#800000>Opciones de Consulta&nbsp;</font></td>
  38.   <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>
  39.  </tr>
  40. </table>
  41. </div>
  42. <script>
  43. function setVariables() {
  44.  if (navigator.appName == "Netscape") {
  45.   v=".top=";
  46.   dS="document.";
  47.   sD="";
  48.   y="window.pageYOffset";
  49.  }
  50.  else {
  51.   v=".pixelTop=";
  52.   dS="";
  53.   sD=".style";
  54.   y="document.body.scrollTop";
  55.  }
  56. }
  57. function checkLocation() {
  58.  object="object1";
  59.  objects="object2";
  60.  yy=eval(y)+ 185;
  61.  zz=eval(y)+ 160;
  62.  eval(document.getElementById(object).style.top=yy);
  63.  eval(document.getElementById(objects).style.top=zz);
  64.  setTimeout("checkLocation()",10);
  65. }
  66.  
  67. </script>
  68. <script>
  69. switch(screen.availWidth){
  70. case 800:
  71.  document.write("<div id='object2' style='position:absolute;visibility:show;left:500px;top:40px;z-index:2'>")
  72.  break
  73. case 1024:
  74.  document.write("<div id='object2' style='position:absolute;visibility:show;left:700px;top:69px;z-index:2'>")
  75.  break
  76. case 1152:
  77.  document.write("<div id='object2' style='position:absolute;visibility:show;left:820px;top:69px;z-index:2'>")
  78.  break2
  79. case 1280:
  80.  document.write("<div id='object2' style='position:absolute;visibility:show;left:920px;top:69px;z-index:2'>")
  81.  break
  82. }
  83. </script>
  84.  
  85. </div>
  86. <script>
  87. switch(screen.availWidth){
  88. case 800:
  89.  document.write("<div id='object1' style='position:absolute;visibility:show;left:500px;top:69px;z-index:2'>")
  90.  break
  91. case 1024:
  92.  document.write("<div id='object1' style='position:absolute;visibility:show;left:700px;top:90px;z-index:2'>")
  93.  break
  94. case 1152:
  95.  document.write("<div id='object1' style='position:absolute;visibility:show;left:820px;top:69px;z-index:2'>")
  96.  break
  97. case 1280:
  98.  document.write("<div id='object1' style='position:absolute;visibility:show;left:920px;top:69px;z-index:2'>")
  99.  break
  100. }
  101. </script>
  102. <Table width="280" bgcolor="#E9F4FC" border="1" frame="box" rules="none" bordercolordark="#c0d8e0" bordercolorlight="#c0d8e0" cellpadding="0" cellspacing="0">
  103. <tr valign=middle align=middle><td height=15>
  104. <table border="0" cellpadding="0" cellspacing="8"><tr>
  105. <td><INPUT TYPE="image" ></td>
  106. <td><a href="#"><img border=0></a></td>
  107. <td><a href="#"><img border=0></a></td>
  108. </table></td></tr>
  109. <tr><td>
  110. <Table border="1"  width="100%" cellpadding="1" cellspacing="2">
  111. <tr><td><table align="left" border="0" cellpadding="0" cellspacing="1">
  112. <tr><td colspan="12"><p >&nbsp;Algo</td></tr>
  113. <tr><td width="8">&nbsp;</td>
  114. <td><Input type="radio" border="0" checked></td><td width="4"></td><td><p >1</td><td width="4"></td>
  115. <td><Input type="radio" border="0" checked></td><td width="4"></td><td><p >2</td><td width="4"></td>
  116. <td><Input type="radio" border="0" checked></td><td width="4"></td><td><p >3</td>
  117. </tr>
  118. <tr><td width=2></td>
  119. <td><Input type="radio"  border="0"></td><td width="4"></td><td><p >1</td><td width="4"></td>
  120. <td><Input type="radio"  border="0"></td><td width="4"></td><td><p >2</td><td width="4"></td>
  121. <td><Input type="radio"  border="0"></td><td width="4"></td><td><p >3</td>
  122. </tr>
  123. </table></td></tr>
  124. <INPUT TYPE=HIDDEN NAME="Orden" VALUE="">
  125. <tr><td><table align="left" border="0" cellpadding="0" cellspacing="1">
  126. <tr><td colspan="6"></tr>
  127. <tr><td width="8">&nbsp;</td><td><p class="opConsulta2">Desde:&nbsp;
  128. <SELECT NAME='AAMin'>
  129. <OPTION value='2001' SELECTED>1
  130. <OPTION value='2002'>1
  131. <OPTION value='2003'>1
  132. <OPTION value='2004'>1
  133. <OPTION value='2005'>1
  134. <OPTION value='2006'>1
  135. <OPTION value='2007'>1
  136. <OPTION value='2008'>1
  137. <OPTION value='2009'>1
  138. </SELECT></td>
  139. <td width=8></td>
  140. <td><p class='opConsulta2'>Hasta:&nbsp;
  141. <SELECT NAME='AAMax'>1
  142. <OPTION value='2001'>1
  143. <OPTION value='2002'>1
  144. <OPTION value='2003'>1
  145. <OPTION value='2004'>1
  146. <OPTION value='2005'>1
  147. <OPTION value='2006'>1
  148. <OPTION value='2007'>1
  149. <OPTION value='2008'>1
  150. <OPTION value='2009' SELECTED>1
  151. </SELECT></td></tr>
  152. </table></td></tr>
  153. <tr><td><table align="left" border="0" cellpadding="0" cellspacing="1">
  154. <tr><td colspan="6"></td></tr>
  155. <tr valign=top><td width="8">&nbsp;</td><td width="4"></td></tr>
  156. <tr><td width=2></td>
  157. <td width="4"><INPUT TYPE=CHECKBOX border=0></td>
  158. <td width="20"><p >&nbsp;G</td><td>&nbsp;</td>
  159. <td><SELECT NAME='TipoGraf'>
  160. <OPTION value='1'>1
  161. <OPTION value='2'>2
  162. <OPTION value='3'>3
  163. <OPTION value='4'>4
  164. <OPTION value='5'>5
  165. <OPTION value='6'>6
  166. <OPTION value='7'>7
  167. <OPTION value='8'>8
  168. <OPTION value='9'>9
  169. <OPTION value='10'>10
  170. <OPTION value='11'>11
  171. <OPTION value='12'>12
  172. <OPTION value='13'>13
  173. <OPTION value='14'>14
  174. </SELECT></td></tr>
  175. <tr>
  176. <td>&nbsp;</td>
  177. <td><INPUT TYPE="CHECKBOX" NAME="E"></td>
  178. <td width="20"><p >&nbsp;E</td><td>&nbsp;</td>
  179. <td><SELECT NAME='TipoExp'>
  180. <OPTION value='2'>S
  181. <OPTION value='1'>Y
  182. <OPTION value='3'>T
  183. </SELECT></td></tr>
  184. <tr><td width=4>&nbsp;</td>
  185. <td width="5"><INPUT TYPE=CHECKBOX NAME="E"></td>
  186. <td width="20"><p >&nbsp;Es</td></tr>
  187. </table>
  188. </td></tr>
  189. </table>
  190. </td></tr>
  191. <tr bgcolor="#c0d8e0" valign="middle"><td height=20></td></tr>
  192. <tr valign=middle align=middle><td height=20>
  193. <table border="0" cellpadding="0" cellspacing="2"><tr>
  194. <td></td>
  195. <td></td>
  196. <td valign=bottom></td>
  197. <td></td>
  198. </tr>
  199. <tr valign=middle><td colspan=4 height=20 align=middle></td></tr>
  200. </table></td></tr>
  201.  
  202.  
  203. </table>
  204. </div>
  205.  
  206. </FORM>
  207. </tr></td></table>
  208. </tr></td></table>
  209.  
  210. </body>
  211. </html>
Última edición por Betina232022; 06/05/2009 a las 10:16