Прежде всего, простите меня за то, что вы подняли эту чрезвычайно обсуждаемую проблему еще раз в этом вопросе.Составьте содержимое столбцов (ed) и rowspan (ed) на всю высоту
На моем сайте есть панель мониторинга (аналогичная iGoogle) и возможность переключения между различными параметрами макета для панели мониторинга. Пара этих макетов содержит ячеи для стола охватывающий более ряд и/или столбец(rowspan and colspan)
. При таких клеток<div>
в не занимают 100% высот доступных внутри <td>
, когда окно браузера повторно размера с небольшим видом - около 800x570. Мое текущее разрешение - 1280x1024.
Схема такова:
Некоторая информация стиль:
тело высота: 100%;
стол площадь ячейки: 0; cellpadding: 0; border-spacing: 2px; margin: 0; заполнение: 0;
th, tr, td vertical-align: top;
Я прочитал и применил решения этих сообщений, но безрезультатно.
Full height div inside td
DIV stretch to height 100% in a table cell
Getting div to occupy full cell height
How to make <div> fill <td> height
Пожалуйста, помогите!
создать jsfiddle или вставить полный код здесь, включая HTML –
его более 3000 строк кода, включая HTML , CSS и JavaScript. Я пытаюсь уменьшить его до проблемных точек. Нужно больше времени. – Horizon
@Somebodyisintrouble: Я нашел проблему при уменьшении размера html для вас. Проблема заключалась в содержании меньших ячеек первой строки. Когда браузер был изменен до небольшого размера, содержимое 'div' этих маленьких td будет складываться друг над другом (первоначально, бок о бок), тем самым увеличивая общее требование высоты ячейки по сравнению с другим три больших ячейки. Я работал над этим, обеспечивая минимальную ширину 990px для этого макета и 1160px для тела '(min-width:)'. Надеюсь, это неправильный способ сделать это. В любом случае спасибо. – Horizon