IE中使用边距和表格发布CSS

时间:2012-02-22 20:52:58

标签: html css internet-explorer

我有一个网站,问题是当我在Chrome或Firefox中查看它看起来没问题但是当我在IE 8或IE 9中查看时,主页上的三列不按顺序排列。页脚也会消失。我不会知道它背后的原因。我甚至调试了代码但是可以找到线索。我可以通过首先检测浏览器然后为它执行适当的代码来编写所有浏览器的代码,但这不是一个很好的方式我相信.i想知道背后的原因。谁能帮我这个?

1 个答案:

答案 0 :(得分:4)

有几个'异常'浮现在脑海中:

1.-为什么你会使用这样一个过时的文件声明?:

<!--header-->
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en-gb" lang="en-gb" >

请将上述内容更改为:

<!doctype html>
<html lang="en">

包括从前两行删除<!-- header --->和空格。

2.-为什么使用<font>?靠近页脚。我知道它已经注释了但是与此相关的是什么?

3.-您可能希望通过在关闭块之后添加缩进和<!-- #element or .class ends here -->标记来清理代码,以了解它是什么。

4.-在第131行,你有:

<div id="table_three" style="width:300px; height:100px;margin: -100px 0px 20px 680px;"">

智能浏览器,例如chrome和firefox&#39;修复&#39;混乱,但IE没有。接近尾声的双引号肯定会在IE眼中造成严重破坏。

5.-您使用什么程序对此进行编码?您可以通过使用有助于识别这些代码破坏程序的东西来获益。

6.-你的包装和容器div没有显示:block;溢出:隐藏;这有助于浏览器使用浮点数渲染内部div,而不是。

应用以上内容并让我知道,以便我们可以做一些额外的清理

编辑:也找到了:

7.-文档中间的Rogue <script>标记

8.-幽灵<div></div>在几个地方

9.- #header中的一个奇怪的登录表单,我为测试目的而删除了

10.-内联样式(css)声明:根据情况禁止不行。

11.-错位<!-- closing tags

12.-冗余的开场标签注释,例如<!--- header starts here

13.-使用<strong>元素和.bold类,因为当强者已默认为粗体时...每个链接句子的每个单词都是单独的...哦我的