Добрый день,Импорт дизайн наследие HTML таблицы в макете сНу
Мы находимся в процессе импорта некоторых старых страниц из нашего унаследованного сайта, которая была разработана в таблицах в наш новый макет на основе DIV. Наш сайт построен на базе PHP-системы, поэтому мы разделили наши страницы на три компонента; заголовок, тело и нижний колонтитул. Эти старые страницы нужно затянуть для нашего выпуска версии 1.0, а затем, когда мы сгладим все морщины, мы перепроектируем.
Наш компонент заголовка работает очень хорошо, и содержимое тела отображается так, как должно, но, к сожалению, существующий элемент нижнего колонтитула подключается к нижней части таблицы. Наш нижний колонтитул для нового дизайна простирается на 100% от ширины, но существующая таблица допускает только ширину 960 пикселей. Таким образом, наш нижний колонтитул обрезается.
Мы пытаемся найти динамическое решение, использующее JavaScript, или вызов jQuery Attr() для динамического изменения размеров таблицы, чтобы нижний колонтитул мог перейти к краю страницы, но все, что я пробовал, не изменяйте размеры таблицы или не допускайте отображения сверху.
Вот несколько скриншотов для вас, чтобы узнать, о чем я говорю.
Div макет: 
Макет таблицы: 
Если вы хотите взглянуть на код, вы можете посмотреть на моем Demo Page, но просто знаю, что это демо-версия, которая не использует PHP для загрузки компонентов. Его простой формат HTML/CSS, который я использовал для поиска альтернатив. (Я не парень PHP)
Мы стараемся избегать необходимости проходить сотни документов, вырезать и вставлять нижний колонтитул под столом или изменять любой другой код вручную. Если бы мы могли просто включить в заголовок CSS или JavaScript doc, которые могли бы сделать обходной путь идеальным решением.
Возможно, было бы полезно включить изображение, указывающее только то, что вам не нравится в «объединенном» виде. – jmoreno
Мне казалось, что я это сделал, но я добавлю некоторые примечания к другой версии ... – robabby
Мой плохой, загрузил аннотированную версию :) – robabby