HTML - Crear cuadro con tabla que de desplaza

   
Vista:

Crear cuadro con tabla que de desplaza

Publicado por jose luis (1 intervención) el 03/03/2011 14:25:24
hola, mi problema es el siguiente; mediante ajax traigo unos datos que cargo en un cuadro secundario a la derecha de una tabla, el problema radica en que cuando el usuario se desplaza hacia abajo el cuadro sigue apareciendo en la parte de arriba y no es visible, lo que necesitaria es hacer que el cuadro aparezca siempre en la parte de arriba como aparece, pero que si el usuario se desplaza hacia abajo el cuadro aparezca visible y no en una parte donde no se lo ve. No se si me pude explicar bien, si alguien sabe como hacerlo me seria de muchisima utilidad. Desde ya gracias por su tiempo. Saludos
Valora esta pregunta
Me gusta: Está pregunta es útil y esta claraNo me gusta: Está pregunta no esta clara o no es útil
0
Responder
Imágen de perfil de ScriptShow

RE:Crear cuadro con tabla que de desplaza

Publicado por ScriptShow (311 intervenciones) el 04/03/2011 11:52:02
  • ScriptShow se encuentra ahora conectado en el
  • chat de PHP
Saludos José Luis,

hay una forma sencilla y compatible con los nuevos Navegadores. Veamos:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<style type="text/css">
#fijo
{
position:absolute;
position:fixed;
top:20px;
right:20px;
width:200px;
height:400px;
background:#CCCCAA;
z-index:1;
}
</style>
</head>
<body>
<div id="fijo"><p>C O N T E N I D O</p>F I J O . . .</div>
<p>Scroll text</p>
<p>Scroll text</p>
<p>Scroll text</p>
<p>Scroll text</p>
<p>Scroll text</p>
<p>Scroll text</p>
<p>Scroll text</p>
<p>Scroll text</p>
<p>Contenido del Sitio Web ...</p>
<p>Scroll text</p>
<p>Scroll text</p>
<p>Scroll text</p>
<p>Scroll text</p>
<p>Scroll text</p>
<p>Scroll text</p>
<p>Scroll text</p>
<p>Scroll text</p>
<p>Scroll text</p>
</body>
</html>

Todo lo que pongas dentro de las etiquetas <DIV> </DIV> quedará fijo con respecto de la parte de arriba y derecha de la página. Puedes cambiar el color, tamaño, opacidad; la posición al centro, izquierda, abajo, etc...

Espero sea útil.
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar