Tengo el siguiente código:
Código CSS:
Ver original
div#datos table { border: 1px #F00 solid; width: 100%; height: 200px; } div#datos table thead { width: 100%; height: 20px; } div#datos table tbody { width: 100%; height: 170px; overflow: hidden; /*esto da igual, asi le ponga auto o scroll tambien */ }
Digamos que el resto de código css no es relevante, al igual tengo una tabla con
Código HTML:
Ver original
Y por más que le intento, no puedo hacer que el <tbody> se quede del tamaño que le indico, realmente las medidas que puse son solo un ejemplo, espero que me entiendan, ya busqué en el foro y solo encuentro el típico problema de
"table height='100%'", y eso no es lo que necesito, eso ya se como se hace, total yo nunca uso tablas para eso, si no para tabular datos.
Quiero saber como puedo darle un tamaño fijo a la tabla, ya que por más que la hago así, o con menos selectores, solo el de la tabla y los de <tbody> y <thead>, y cuando le agrego más filas, se alarga la tabla, sin ocultar el resto, además, también le puse el "overflow:hidden" al selector <table> y nada.
Algun consejo