problema con altura de tabla anidada

axl000 · #1 (**permalink**) 07/07/2008, 01:54

hola, mi problema es que tengo una tabla con hight 100% y dentro de una celda de esta tengo otra tabla y quiero que este tambien con higth 100%, lo logro pero el problema es que al parecer se "pisan" un poco y el scroll se activa (la barrita de al lado del navegador) siendo que el contenido de la pagina es tan poco que no deberia estar activo, se entiende?

pego mi pagina:

<!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>
<title>Table Height Test</title>
<style type="text/css">

</style>
</head>
<body>
<table style="height: 100%; width: 100%;" bgcolor="Silver">
<tr>
<td style="height: 100%;">

<table style="height: 100%">
<tr>
<td bgcolor="Red" style="height: 100%;">PROBANDOOO
</td>
<td>
</td>
</tr >
</table>

</td>
</tr>
</table>
</body>
</html>

mi idea es que esa columna roja complete la pantalla desde arriba a abajo, porque igual se ve plateado fuera de ella y que el scroll no este activo.

axl000 · #2 (**permalink**) 07/07/2008, 20:22

ayuda porfaaaaaaa

Mikmoro · #3 (**permalink**) 08/07/2008, 09:35

Prueba con esto y empieza luego a modificar desde ahí:

Cita:

<!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>
<title>Table Height Test</title>
<style type="text/css">
html, body, table, td {
height: 100%;
margin: 0;
padding: 0;
}
</style>
</head>
<body>
<table style="width: 100%;border-collapse: collapse;" bgcolor="Silver">
<tr>
<td>
<table style="border-collapse: collapse;">
<tr>
<td bgcolor="Red">PROBANDOOO
</td>
<td>
</td>
</tr>
</table>
</td>
</tr>
</table>
</body>
</html>

Mikel.