PDA

Ver la Versión Completa : Alto de tabla

D-MO
16-05-2006, 18:11:12
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:
<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


<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?
<!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:

<html>
<table width="639" height="100%" border=1 bgcolor=#0000FF>
<tr>
<td>&nbsp;</td>
</tr>
</table>
</html>


Esto NO:

<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 (http://www.webmonkey.com/webmonkey/02/33/index1a_page2.html?tw=authoring).

// 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 (http://validator.w3.org)


<!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:


<!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:


<!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:


<!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
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 :


body {
margin-top: 0px;
}



saludos

**** no se que tan poco profesional sea eso.