poner la altura de una tabla al 100%

intiweb · #1 (**permalink**) 19/01/2011, 09:19

hola, en mi pagina web puse un par de tablas con el ancho width="100%" para que sea siempre igual de ancho que el monitor.
el tema es que quiero hacer lo mismo pero con la tabla que puse en el pie de la pagina para que se agrande de manera vertical hasta cubrir lo que quede del monitor hacia abajo.
le puse height="100%" pero no funciona :(
alguien sabe como se hace eso ?
bueno un saludo.

AaronBE · #2 (**permalink**) 19/01/2011, 13:20

Hola.

Pues no sé qué te debe estar fallando.

A mí esto me funciona bien en Firefox i IE8:

Cita:

Saludos,

ArturoGallegos · #3 (**permalink**) 19/01/2011, 13:26

seria conveniente ver tu código para saber en que te esta fallando... intenta agregar en tu hoja de estilos

Código CSS:

Ver originalhtml,body,#mitabla{height:100&#37;;}

luisgzafra · #4 (**permalink**) 19/01/2011, 13:32

Dale estos valores a la tabla: width="100%" height="100%"

intiweb · #5 (**permalink**) 20/01/2011, 05:35

puede ser el echo de que antes de esa tabla tenga 2 tablas antes mas arriba ?
les muestro el codigo entero asi lo ven.

Código:

<?php 
$web = $_GET['web'];
?>
<!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=utf-8" />
<title>Document sans titre</title>
<style type="text/css">
body {
	background-image: url(imagenes/fondo_iframe.jpg);
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
</style>
</head>

<body>
<table width="100%" border="0">
  <tr>
    <td bgcolor="#F89833"><div align="center"><table width="1000">
      <tr>
        <td width="125"><img src="imagenes/ia_logo_iframe.png" width="140" height="39" /></td>
        <td width="863">&nbsp;</td>
      </tr>
    </table></div></td>
  </tr>
</table>
<div align="center">
<table width="1000" height="435" border="0">
  <tr>
    <td><iframe width="1000" height="435" frameborder="0" src="<?php echo "http://"."$web"; ?>"></iframe></td>
  </tr>
</table>
</div>
<table width="100%" height="100%" border="0">
  <tr>
    <td bgcolor="#96989A" valign="top">
    <div align="center">
    <table width="1000">
      <tr valign="top">
        <td width="109"><img src="imagenes/logo gm.png" width="109" height="25" /></td>
        <td width="722">&nbsp;</td>
        <td width="153"><img src="imagenes/letras gm.png" width="200" height="25" /></td>
      </tr>
    </table>
    </div>
    </td>
  </tr>
</table>
</body>
</html>

la ultima tabla veran que tiene el height="100%" pero no me funciona :S

ArturoGallegos · #6 (**permalink**) 20/01/2011, 11:08

en efecto debes usar una tabla con 100% de altura y 3 filas para que la ultima ocupe el espacio sobrante...

otra cosa la propiedad height="100%" no se puede o no se debe utilizar directamente en la tabla cuando utilizas xhtml lo debes de colocar en la hoja de estilos

<table width="1000" height="435" border="0">

Pd: porque decidiste utilizar tablas en lugar de divs???