Alto de tabla

D-MO · #1 16-05-2006

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] · #2 16-05-2006

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 · #3 16-05-2006

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

D-MO · #4 16-05-2006

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] · #5 16-05-2006

¿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

D-MO · #6 16-05-2006

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

[seoane] · #7 16-05-2006

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

roman · #8 16-05-2006

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] · #9 16-05-2006

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>

Como se nota que no tenia nada mejor que hacer

D-MO · #10 16-05-2006

ok gracias a ambos.

Saludos.

D-MO · #11 16-05-2006

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] · #12 16-05-2006

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 · #13 16-05-2006

Perfecto!

Gracias de nuevo.

Saludos.

reevil · #14 17-05-2006

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] · #15 17-05-2006

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 · #16 17-05-2006

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 · #17 18-05-2006

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

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.

Temas Similares
Tema	Autor	Foro	Respuestas	Último mensaje
Duda sobre servidores de alto desempeño	Zeta	Debates	5	05-12-2005 20:02:02
Saber el campo con valor mas alto	ilichhernandez	Conexión con bases de datos	2	10-11-2005 02:00:44
El número primo más alto conocido	Investment	Noticias	6	03-03-2005 20:55:09
pasar por alto el password de IB.4.2 desde delphi 3.	GCASTILLO	Firebird e Interbase	1	01-10-2004 09:29:12
Una cena de alto capote	__cadetill	Humor	0	24-07-2003 14:40:02