Manejar el scrooll de una capa claro con CSS

amnix · #1 (**permalink**) 03/02/2006, 11:08

Hola Mundo....!!!
Tengo un problemita....
En mi pagina Web pongo una capa central con muchos, muchos datos que traigo de una BD de varias tablas, por lo cual me es dificil saber el numero de columnas y registros que contiene una tabla.....

El problema esta que yo pongo los encabezados, pero, al bajar el scrooll de la capa, me desaparece los encabezados y yo LOS QUIERO MANTENER FIJOS, probe poniendo otra capa encima de la principal con los encabezados,pero, ahora si el numero de columnas se hace grande, ahora las capas tendran scrool horizontal ademas del vertical, y al mover el scroll de la capa principal, pues logico el de la capa que esta encima no se mueve...

RESUMEN Quisiera mantener fijo una parte de los datos que contiene la capa, para no perdeer los encabezados, aun cuando en la capa aparezca scroll vertocal y horizontal, como en excel...

Alguien podria ayudarme....

fullmental · #2 (**permalink**) 03/02/2006, 13:49

parece que tambien necesitas ayuda para redactar!!!!

segun te entendi lo que quieres hacer es una especie de frames (obviamente con css), utiliza la propiedad position:fixed; y z-index:500;

amnix · #3 (**permalink**) 21/02/2006, 08:48

jejeje si algo, bueno gracias por tu ayuda, lo probaré.

Jorolo · #4 (**permalink**) 21/02/2006, 13:58

Hola amnix.

Yo haría una tabla. por ejemplo...

Código HTML:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" 
"http://www.w3.org/TR/html4/strict.dtd"> 
<META http-equiv="Content-Type" content="text/html; charset=utf-8"> 
<title>tbody con scroll v0.3</title> 
<style type='text/css'> 
.scroll { height: 14ex; 
			overflow-x: hidden; overflow-y: scroll; } /* css3 */
</style> 
<table border='1' summary='esto es una prueba de tabla con tbody y demás'> 
<thead>  
  <tr> <th>Cantidad</th> <th>Producto</th> <th>Valor</th> <th>Subtotal</th> </tr> 
</thead> 
<tbody class='scroll'>  
  <tr> <td>1</td> <td>Azucar</td> <td>100</td> <td>100</td> </tr>  
  <tr> <td>2</td> <td>Aceite</td> <td>100</td> <td>200</td> </tr>  
  <tr> <td>4</td> <td>Sal</td> <td>200</td> <td>800</td> </tr>  
  <tr> <td>1</td> <td>Fruta</td> <td>100</td> <td>100</td> </tr>  
  <tr> <td>2</td> <td>Agua</td> <td>100</td> <td>200</td> </tr>  
  <tr> <td>4</td> <td>Carne</td> <td>200</td> <td>800</td> </tr> 
</tbody> 
<tbody>  
  <tr> <th colspan='3'>Total sección</th> <td>2.200</td> </tr>  
</tbody> 
<tbody class='scroll'>  
  <tr> <td>10</td> <td>Azucar</td> <td>100</td> <td>1000</td> </tr>  
  <tr> <td>20</td> <td>Aceite</td> <td>100</td> <td>2000</td> </tr>  
  <tr> <td>40</td> <td>Sal</td> <td>200</td> <td>8000</td> </tr>  
  <tr> <td>10</td> <td>Fruta</td> <td>100</td> <td>1000</td> </tr>  
  <tr> <td>20</td> <td>Agua</td> <td>100</td> <td>2000</td> </tr>  
  <tr> <td>40</td> <td>Carne</td> <td>200</td> <td>8000</td> </tr> 
</tbody> 
<tbody>  
  <tr> <th colspan='3'>Total sección</th> <td>22.000</td> </tr>  
  <tr> <th colspan='3'>Total total</th> <td>24.200</td> </tr>  
</tbody> 
</table>

amnix · #5 (**permalink**) 24/02/2006, 09:04

Gracias Jorolo:
Lo probé y no me funciona.
A ver de nuevo : yo quiero mantener fija una posicion de los datos dentro de una capa(El encabezado de las columnas de todos los datos - como en excel-).

i.e. muestro una gran cantidad de registros en la capa: digamos una matriz de 1000 registros por unas 100 columnas... entonces por lógica la capa activa el scroll tanto vertical(derecha) y horizontal(abajo). y al yo mover el scroll hacia abajo(scroll vertical) se me pierden los encabezados, por eso los quiero mantener fijos para que yo vea de que campo se trata. si pongo una capa encima solo con los encabezados. y muevo el scroll hacia abajo, funciona, pero, al mover el scroll hacia la derecha(scrool horizontal), ya no funciona porque las capas son independientes, entonces yo quisiera saber si es que se puede, inmovilizar una parte de la capa para mantener fijos los encabezados, de manera que cuando mueva el scroll hacia abajo siga yo viendo los encabezados de mis datos y si tambien muevo el scroll hacia la derecha(scroll vertical), los encabezados sigan ahi, pero que me muestre las columnas qeu me falta por ver.
(como en excel, cuando se fijan unos registros de unahoja cuando esta tiene gran cantidad de información)

Si algien sabe como hacerlo se lo agradecería mucho.
SALUDOS

Jorolo · #6 (**permalink**) 24/02/2006, 12:57

Hola amnix.

Cita:

Lo probé y no me funciona.

No sabes cuanto lo siento.

amnix · #7 (**permalink**) 28/02/2006, 14:06

Algine tiene una idea de como se hace esto??????????????.. lo de el encbezado fijo, ayuda porfavooooooooooooooooooooor

amnix · #8 (**permalink**) 03/03/2006, 08:43

Estoy tratando de mantener fijo los encabezados de otra forma.... pero quisiera saber si puedo manejar el scroll de un acapa desde otra...

Sí. i.e. puedo poner los encabezados en otra capa, pero quisiera qeu cuando yo moviese es scroll de un acapa tambien pudiera mover el scroll en la otra capa... PREGUNTA..... SE PUEDE???

[email protected] · #9 (**permalink**) 27/03/2006, 16:31

Hola a todos. Quisiera saber como puedo superponer una capa a un elemento select. Tengo este problemita, en el codigo fuente:
<html>
<style>
div#uno{
top:10px;
left:10px;
position:absolute;
background:red;
z-index=1
}
div#s{
z-index=2
}
</style>
<div id="s">
<select>
<option>asdfdsa</option>
<option>asdfads</option>
<option>asdfsadf</option>
</select>
</div>
<div id="uno">
jkdsa<br>
dsfajk
</div>
</html>
como veran el select se superpone. Si alguien lo logra porfa haganmelo saber. (Nota: en el firefox todo va bien, el problema es en el iexplore)