2011-08-16 33 views
2

我试图页脚添加到有许多嵌套表基于表的HTML布局。结构看起来是这样的:含有高凌乱基于表格的HTML布局

<head> 
</head> 
<body> 
    <form> 
     bloody mess of <table><tr><td> tags 
    </form> 
--- div footer to go here ---- 
</body> 

的DIV页脚最终挂在主表有关的一路下跌1/4背后......我认为,这意味着一些表格/行/单元格标签不正确关闭...

我试图把周围的形式申报单,希望这将迫使浏览器自动关闭所有未关闭的标签。这没有用。

我宁愿重新写了整个事情,但页面没有记录,非常复杂,有许多包括。

任何想法?

+0

没有违规的HTML,没有人能真正猜到。 –

+0

对于“表格标签的血腥混乱”+1。我认为你已经继承了这种可憎的东西? – Bojangles

+0

Diodeus - HTML文件大约有12,000行...我不是在寻找猜测。我希望得到一些有经验的人处理浏览器处理破碎的HTML或者必须包含混乱的HTML的经验。 – user897210

回答

1

为了检查是否您的代码正常关闭,则可能的方式来validate your HTML

没有看到你的代码,它是很难在这个问题可能是什么猜测,但这里有一个收视率 - 邀请

该表可以使用CSS被浮置或绝对定位(position:absolute)。如果是这种情况,您可能需要移除浮子或位置。

鉴于您的布局当前是基于表格的,并且考虑到您没有重写整个东西,所以最简单的选择可能是在页脚的底部添加一个额外的表格行。

+0

是的,其中一个更高级别的表格被称为位置:绝对。其他组件都是浮动的,所以桌子就在它们之上。一旦我删除了位置:绝对的,页脚跳到了底部。谢谢! – user897210

0

让浏览器解析页面,动态插入您的<div>使用Javascript的DOM访问:

document.createElement

node.insertAfter

这样,浏览器将解析 “血腥的混乱”。但是,这并不能保证浏览器的兼容性,因为它取决于每个不同的浏览器如何解析“混乱”。

+0

谢谢Pindatjuh,这是一个有趣和创新的想法......但我会接受这个立场:绝对的答案,因为它让我接触到解决方案。 – user897210