¿Cómo puedo modificar este ejemplo de jsfiddle para agregar otra fila que se quedará en la parte inferior de la tabla grande?

Este ejemplo de jsfiddle es lo que tengo ahora, el principio funciona en una tabla más simple que necesito mostrar, pero necesito cambiarlo un poco por otra página. La sección 1 siempre tendrá el mismo tamaño, la sección 2 es de tamaño variable y la sección 3 debería llenar el espacio que deja la sección 2. Todo esto funciona bien y muy bien, pero tengo que agregar otra sección, llamémosla 4, que es de fijo tamaño, pero siempre permanece en la parte inferior de la mesa más grande, justo después de 3. La altura de la mesa grande debe permanecer siempre igual. Los saltos de línea están ahí para mostrar lo que sucede cuando las diferentes tablas cambian de tamaño.

No puedo usar divs o cualquier CSS elegante debido a un complemento que lo está analizando, pero si tiene una solución elegante, tal vez pueda hacer que funcione. Gracias por tu tiempo.

Además, desafortunadamente, no se puede usar javascript para cambiar el tamaño de las cosas dinámicamente.

preguntado el 08 de noviembre de 11 a las 14:11

¿Puede editar el marcado? -

No entiendo por qué no puede usar "css elegante". CSS no afectaría la semántica del html, solo la forma en que se muestra html. No debería afectar a un analizador. -

1 Respuestas

Suena como un trabajo para tbody y tfoot etiquetas junto con CSS para controlar el tamaño.

respondido 08 nov., 11:19

No es la respuesta que estás buscando? Examinar otras preguntas etiquetadas or haz tu propia pregunta.