Foros del Web » Creando para Internet » HTML »

problema con altura de tabla anidada

Estas en el tema de problema con altura de tabla anidada en el foro de HTML en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 07/07/2008, 02:54
 
Fecha de Ingreso: mayo-2008
Mensajes: 3
Antigüedad: 9 años, 6 meses
Puntos: 0
problema con altura de tabla anidada

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">
<!--
html, body {
height: 100%;
margin: 0;
padding: 0;

}
//-->
</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.
  #2 (permalink)  
Antiguo 07/07/2008, 21:22
 
Fecha de Ingreso: mayo-2008
Mensajes: 3
Antigüedad: 9 años, 6 meses
Puntos: 0
Respuesta: problema con altura de tabla anidada

ayuda porfaaaaaaa
  #3 (permalink)  
Antiguo 08/07/2008, 10:35
Avatar de Mikmoro
Colaborador
 
Fecha de Ingreso: octubre-2006
Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 11 años, 2 meses
Puntos: 279
Respuesta: problema con altura de tabla anidada

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.
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 00:50.