Foros del Web » Creando para Internet » HTML »

scroll con tablas dinámicas, parte fija, parte variable

Estas en el tema de scroll con tablas dinámicas, parte fija, parte variable en el foro de HTML en Foros del Web. Hola a todos. Estoy tratando de crear dos tablas, una es la cabecera y la otra contiene los datos y es variable. el problema es ...
  #1 (permalink)  
Antiguo 22/09/2010, 12:53
 
Fecha de Ingreso: septiembre-2010
Mensajes: 2
Antigüedad: 7 años, 2 meses
Puntos: 0
scroll con tablas dinámicas, parte fija, parte variable

Hola a todos.
Estoy tratando de crear dos tablas, una es la cabecera y la otra contiene los datos y es variable. el problema es que tanto la cabecera como los datos exceden del tamaño de la pantalla, por lo que necesito que un scroll mueva tanto la parte fija como la variable horizontalmente, y sólo la variable verticalmente. He copiado este ejemplo buscando respuestas por el foro :

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento sin t&iacute;tulo</title>
</head>
<style>
.scroll
{
width:200px;
height:100px;
overflow: auto;
border:1px solid #000000; /* Solo lo puse para que se vea el cuadro*/
}
.titulo
{
color: #000000;
background:#00FF00;
font-weight: bold;
}
</style>
<body>

<div class="scroll">
<table>
<tr>
<td class="titulo">COLUMNA1</td>
<td class="titulo">COLUMNA2</td>
<td class="titulo">COLUMNA3</td>
<td class="titulo">COLUMNA4</td>
<td class="titulo">COLUMNA5</td>
<td class="titulo">COLUMNA6</td>
</tr>
</table>
</div>
<div class="scroll">
<table>
<tr>
<td class="titulo">COLUMNA1</td>
<td class="titulo">COLUMNA2</td>
<td class="titulo">COLUMNA3</td>
<td class="titulo">COLUMNA4</td>
<td class="titulo">COLUMNA5</td>
<td class="titulo">COLUMNA6</td>
</tr>
<tr>
<td class="titulo">COLUMNA1</td>
<td class="titulo">COLUMNA2</td>
<td class="titulo">COLUMNA3</td>
<td class="titulo">COLUMNA4</td>
<td class="titulo">COLUMNA5</td>
<td class="titulo">COLUMNA6</td>
</tr>
<tr>
<td class="titulo">COLUMNA1</td>
<td class="titulo">COLUMNA2</td>
<td class="titulo">COLUMNA3</td>
<td class="titulo">COLUMNA4</td>
<td class="titulo">COLUMNA5</td>
<td class="titulo">COLUMNA6</td>
</tr>
<tr>
<td class="titulo">COLUMNA1</td>
<td class="titulo">COLUMNA2</td>
<td class="titulo">COLUMNA3</td>
<td class="titulo">COLUMNA4</td>
<td class="titulo">COLUMNA5</td>
<td class="titulo">COLUMNA6</td>
</tr>
</table>
</div>
</body>
</html>

En este ejemplo hay dos scrolls, lo que necesito es que sólo con un scroll pueda mover las dos tablas horizontalmente, y la segunda se siga moviendo verticalmente. ¿Alguna idea?
  #2 (permalink)  
Antiguo 23/09/2010, 14:57
 
Fecha de Ingreso: septiembre-2010
Ubicación: http://nomenrecordo.blogspot.com/
Mensajes: 111
Antigüedad: 7 años, 2 meses
Puntos: 1
Respuesta: scroll con tablas dinámicas, parte fija, parte variable

Y no podrías dejarllo tal cual y que el navegador mismo te generara los scroll?
  #3 (permalink)  
Antiguo 23/09/2010, 17:12
 
Fecha de Ingreso: septiembre-2010
Mensajes: 2
Antigüedad: 7 años, 2 meses
Puntos: 0
Respuesta: scroll con tablas dinámicas, parte fija, parte variable

Verás PHPau, no puedo dejar que el navegador me genere los scroll, ya que necesito que una de las dos tablas se quede fija, que no se mueva con el scroll vertical, pero sí con el scroll horizontal...

Etiquetas: fija, scroll, tablas, variables
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 00:57.