将旧版 html 表格设计导入 div 布局

Question

我们正在将一些以表格设计的旧网站中的一些旧页面导入到基于 DIV 的新布局中。我们的网站建立在 PHP 包含系统上，因此我们将页面分为三个组件；页眉、正文和页脚。这些旧页面需要在我们推出 1.0 版时被引入，然后当我们消除所有的皱纹时，我们将重新设计。

我们的页眉组件运行良好，正文内容显示正常，但不幸的是现有的页脚元素插入到表格的底部。我们新设计的页脚扩展了 100% 的宽度，但现有表格仅允许 960px 宽度。因此我们的页脚被截断了。

我们正在尝试找到一个动态解决方案，使用 JavaScript 或 jQuery Attr() 调用来动态影响表格尺寸，以允许页脚扩展到页面边缘，但我尝试过的所有方法都没有修改表格尺寸或完全显示溢出。

这里有几张截图让你看看我在说什么。

Div 布局：

表格布局：

如果你想看一下代码，你可以看看我的Demo Page，但要知道这是一个演示版本，没有使用 PHP 拉入组件。它是一个简单的基于 HTML/CSS 的布局，我一直在使用它来搜索替代方案。 （我不是 PHP 人）

我们正在努力避免浏览数百个文档并在表格下方剪切和粘贴页脚，或者不得不手动修改任何其他代码。如果我们可以在标题中包含一个 CSS 或 JavaScript 文档来呈现一个变通方法是理想的解决方案。

Answer 1

您还可以使用页脚背景制作 div - 与内容和下方分开。在元素之后放置一个与“footer”具有相同 CSS 样式的 div。然后您可以将背景图片（footer_bg.jpg repeat-x）从页脚中取出。

请访问 campdavidozarks.org 了解我使用相同想法制作的网站。

Answer 2

将表格居中，并在父元素上使用相同的页脚背景，宽度为 100%，也与底部对齐并且在 y 上不重复。完毕。纯 CSS 解决方案。