2012-06-19 2 views
0

Прежде всего, простите меня за то, что вы подняли эту чрезвычайно обсуждаемую проблему еще раз в этом вопросе.Составьте содержимое столбцов (ed) и rowspan (ed) на всю высоту

На моем сайте есть панель мониторинга (аналогичная iGoogle) и возможность переключения между различными параметрами макета для панели мониторинга. Пара этих макетов содержит ячеи для стола охватывающий более ряд и/или столбец(rowspan and colspan). При таких клеток<div> в не занимают 100% высот доступных внутри <td>, когда окно браузера повторно размера с небольшим видом - около 800x570. Мое текущее разрешение - 1280x1024.

Схема такова: Problematic layout

Некоторая информация стиль:
тело высота: 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

Пожалуйста, помогите!

+0

создать jsfiddle или вставить полный код здесь, включая HTML –

+0

его более 3000 строк кода, включая HTML , CSS и JavaScript. Я пытаюсь уменьшить его до проблемных точек. Нужно больше времени. – Horizon

+0

@Somebodyisintrouble: Я нашел проблему при уменьшении размера html для вас. Проблема заключалась в содержании меньших ячеек первой строки. Когда браузер был изменен до небольшого размера, содержимое 'div' этих маленьких td будет складываться друг над другом (первоначально, бок о бок), тем самым увеличивая общее требование высоты ячейки по сравнению с другим три больших ячейки. Я работал над этим, обеспечивая минимальную ширину 990px ​​для этого макета и 1160px для тела '(min-width:)'. Надеюсь, это неправильный способ сделать это. В любом случае спасибо. – Horizon

ответ

0

Вопрос был о содержании меньших сотовых телефоновпервая строка. Когда браузер был повторно размером до небольшого размера, содержимое этих маленьких ТДDIV бы стек друг над другом (первоначально, бок о бок), увеличивая тем самым общую высота требование клетки по сравнению с другими тремя крупными сотами. Я работал вокруг этого, обеспечивая минимальную ширину 990px ​​ для этого макета и 1160px для тела(min-width:)

Смежные вопросы