Foros del Web » Creando para Internet » CSS »

Duda con CSS y tabla

Estas en el tema de Duda con CSS y tabla en el foro de CSS en Foros del Web. Buenas noches a todos. Estoy aprovechando y rediseñando una página que está maquetada con tablas, pero quiero pasar la mayor parte del diseño a CSS. ...
  #1 (permalink)  
Antiguo 19/10/2006, 17:36
 
Fecha de Ingreso: diciembre-2003
Mensajes: 141
Antigüedad: 14 años
Puntos: 0
Duda con CSS y tabla

Buenas noches a todos.
Estoy aprovechando y rediseñando una página que está maquetada con tablas, pero quiero pasar la mayor parte del diseño a CSS.

He estado leyendo en el foro como ocupar todo el espacio vertical de un navegador, utilizando CSS aplicado a tablas. (estoy normalizando el código html para W3C)

El problema es el siguiente:

Código:
html,body{
     height:100%;
     margin:0px;
}
#principal{
     height:100%;
}
#contenedor{
     height:100%;
}

<table id="principal" >
   <tr>
      <td>
         <table id="contenedor">
            <tr>
               <td></td>
            <tr>
         </table>
      <td>
   <tr>
</table>
La tabla contenedor le aplica el height:100% perfectamente, pero luego me gustaria aplicarle también un 100% a la tabla que está anidada en su interior. Pues no hay manera... He probado varias opciones, como darle un 100% de alto a la celda de la tabla principal, pero tampoco.

¿Se les ocurre algo mas?
Gracias y saludos!!!
  #2 (permalink)  
Antiguo 01/11/2006, 11:34
Avatar de Rafael
Modegráfico
 
Fecha de Ingreso: marzo-2003
Mensajes: 8.954
Antigüedad: 14 años, 9 meses
Puntos: 1802
Supongo que es un codigo abreviado, ya que no tiene mucho sentido asi tablas vacias dentro de tablas vacias.

Pueden ser muchas cosas, como que colapsen las celdas al estar vacias.
  #3 (permalink)  
Antiguo 02/11/2006, 00:37
 
Fecha de Ingreso: diciembre-2003
Mensajes: 141
Antigüedad: 14 años
Puntos: 0
Hola Rafael.

Muchas gracias por la respuesta, pero al final lo logré.
Lo resolví colocando esto en el código CSS:

Código:
html,body{
     height:100%;
     margin:0px;
}
#principal{
     height:100%;
}
#contenedor{
     height:90%;
     width:100%;
     position:relative;
     top:auto;
     left:auto;
}
En el código anterior no coloqué nada entre la <td> de la tabla anidada para simplificar el ejemplo, pero realmente si que tiene contenido.

Funciona correctamente con Firefox y IE.

Saludos!!!
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 21:54.