Foros Club Delphi - Alto de tabla

Foros Club Delphi (https://www.clubdelphi.com/foros/index.php)

- HTML, Javascript y otros (https://www.clubdelphi.com/foros/forumdisplay.php?f=38)

- - Alto de tabla (https://www.clubdelphi.com/foros/showthread.php?t=31743)

D-MO	16-05-2006 18:11:12

Alto de tabla

Hola, he intentado poner el alto de una tabla al 100% como lo hago con el ancho pero no se puede, alguien sabe como hacerlo?
lo hago de la siguiente manera:

Código:

<table width="639" height="100%" bor...

Saludos

seoane

16-05-2006 18:28:03

En que navegador lo esta probando, yo le probado en Internet explorer y en el opera y si que funciona

Código:

<html>

 <table width="639" height="100%" border=1>

  <tr> 

   <td>Hola</td>

  </tr>

 </table>

</html>

D-MO	16-05-2006 18:32:47

lo he probado en firefox 1.5 y en IE pero no me funciona.
Gracias por tu respuesta

D-MO	16-05-2006 18:35:53

Solucionado, si quito esta linea que me coloca automaticamente el dreamweaver me funciona, ¿a que se debe?

Cita:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

Saludos.

seoane

16-05-2006 18:37:06

¿Pusiste las etiquetas <tr> y <td>? si nos las colocas no funciona.

Es decir, esto funciona:

Código:

<html>

 <table width="639" height="100%" border=1 bgcolor=#0000FF>

  <tr>

   <td>&nbsp;</td>

  </tr>

 </table>

</html>

Esto NO:

Código:

<html>

 <table width="639" height="100%" border=1 bgcolor=#0000FF>

  <tr>

   

  </tr>

 </table>

</html>

Pruebalo, tengo curiosidad de porque a mi me funciona y a ti no :confused:

D-MO	16-05-2006 18:40:06

la verdad es que si funciona, pero por alguna razón al incluir la línea antes mencionada no funciona.

seoane

16-05-2006 18:40:43

Tienes razon al añadir esa linea deja de funcionar, que curioso ... Habra que averiguar porque

roman

16-05-2006 19:02:36

No estoy muy seguro de que establecer la altura de una tabla al 100% caiga dentro de los estándares actuales. En todo caso el DOCTYPE no es algo que debiera omitirse ya que indica al navegador la forma en que debe presentar el documento. Buscando encontrarán muchas referencias en Google al respecto. Así a bote pronto, encontré ésta.

// Saludos

seoane

16-05-2006 19:16:00

Tienes razon roman, buscando por ahi, me encontre con que height no es un atributo valido para una tabla, al parecer nunca lo fue pero a algunos navegadores parece que no les importaba :)

Pero dandole vueltas aqui te dejo una solucion valida, que pasa las pruebas de validator.w3.org

Código:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html>

  <head>

    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>

    <title>Prueba</title>

  </head>

  <body style="height: 100%">

    <table style="height: 100%" width="639" border="1">

      <tr>

        <td>Prueba</td>

      </tr>

    </table>

  </body>

</html>

:D Como se nota que no tenia nada mejor que hacer

D-MO	16-05-2006 19:21:59

ok gracias a ambos.

Saludos.

D-MO	16-05-2006 20:42:16

bueno, acabo de provar el código que me das seoane pero me funciona unicamente con IE, no con Firefox.

Alguna otra forma de poder solucionar esto?

Saludos.

seoane

16-05-2006 20:51:22

:o Con la prisa no se me ocurrio probarlo en otro navegador y eso que yo uso opera normalmente, pero no pasa nada faltaba por añadir un style. Bueno, la cosa queda asi:

Código:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html style="height: 100%">

  <head>

    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>

    <title>Prueba</title>

  </head>

  <body style="height: 100%">

    <table style="height: 100%" width="639" border="1">

      <tr>

        <td>Prueba</td>

      </tr>

    </table>

  </body>

</html>

No tengo el Firefox para probarlo, pero en el opera si que ya se ve correctamente. Pruebalo haber que tal

Edito:

Si queremos que siga pasando la validacion de http://validator.w3.org/ la propiedad style no se puede usar dentro de la etiqueta html. Asi que podemos usar algo como esto:

Código:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html>

  <head>

    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>

    <title>Prueba</title>

    <style type="text/css">

      html, body

      {

        height:100%;

      } 

    </style>

  </head>

  <body>

    <table style="height: 100%" width="639" border="1">

      <tr>

        <td>Prueba</td>

      </tr>

    </table>

  </body>

</html>

D-MO	16-05-2006 21:24:12

Perfecto!:D
Gracias de nuevo.

Saludos.

reevil

17-05-2006 13:53:27

yo para solucionar eso regularmente me iba a propiedades de pagina y ponia margen top = 0 px , no se que tan poco profesional sea eso.

queda algo asi:

Código:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />

<title>Untitled Document</title>

<style type="text/css">

<!--

body {

    margin-top: 0px;

}

-->

</style></head>



<body>

<table width="500" height="100%" border="0" cellpadding="0" cellspacing="0">

  <tr>

    <td>&nbsp;</td>

  </tr>

</table>

</body>

</html>

saludos

seoane

17-05-2006 14:52:50

reevil no estaria mal que leyeras todas las respuestas antes de responder. El codigo que muestras, no funciona, precisamente porque usas el atributo height que no es valido para tablas. Algo que ya habiamos aclarado en las respuestas anteriores ;)

D-MO	17-05-2006 20:50:01

Pues bien, ahora el asunto de las tablas está solucionado, funciona al 100% como deberia ser, pero, ahora que esto está solucionado recordé que en alguna ocasión quise ponerle el alto al 100% a un iframe también, intente de la misma manera que la tabla pero no me da los mismos resultados.

¿De que forma se puede solucionar este problema?

Saludos.

reevil

18-05-2006 00:41:07

Cita:

Empezado por seoane

reevil no estaria mal que leyeras todas las respuestas antes de responder.

si las lei, simplemente me olvide de poner el style en la tabla :D

el punto importante de mi post era el utilizar :

Código:



body {

    margin-top: 0px;

}

saludos

****

Cita:

no se que tan poco profesional sea eso.

La franja horaria es GMT +2. Ahora son las 12:00:35.