Posicionar label despues de una tabla

beinat · #1 (**permalink**) 23/04/2013, 04:51

Hola buena:
lo que queria saber es como puedo colocar un label debajo de una tabla, es decir la tabla se va a ir llenando con javascript y quiero que este label se vaya bajando hacia debajo, os pongo un pequeño ejemplo:

Código HTML:

<html>
<head>
<link rel="stylesheet" type="text/css" href="proba.css">
</head>
<body>

<table border="0" class = "tabla" style="position:absolute;top:100%">
<tr><td>FILA1</td></tr>
<tr><td>FILA2</td></tr>
<tr><td>FILA3</td></tr>
</table>

<label>prueba!!!</label>
</body>
</html>

esto lo que me hace es me coloca la tabla al 100% de la pagina, pero el label me lo muestra al principio y yo quiero que lo escriba debajo de la tabla y vaya bajando mientras se llena la tabla, haber si alguien me puede echar una mano.
Muchas gracias

javierflti · #2 (**permalink**) 23/04/2013, 05:32

No se si es un poco chapuza, pero si metes tu tabla dentro de un div y el label dentro de otro div?
Y ahora no estoy seguro, pero ¿el label no tiene que ir dentro de un formulario?

Espero haberte ayudado.
Suerte

pzin · #3 (**permalink**) 23/04/2013, 06:32

Te aparece al principio porque al usar una posición absoluta estás sacando la tabla del flujo natural del HTML, lo que hace que no ocupe su propio espacio. ¿Tienes alguna necesidad real de usar una posición absoluta?

beinat · #4 (**permalink**) 23/04/2013, 07:17

Eso era lo que no queria hacer, pero e tenido que hacer, de momento, meter la tabla y el label dentro de un div, no queda mal, pero creo que tiene que haber otra solucion.

Respecto a la segunda respuesta, si hay necesidad de colocar la tabla en una posicion ya que deseo que se muestre por debajo de la pantalla, es para una aplicacion desarrollada en phonegap.

Muchas gracias a los dos, un saludo