[英]IE structural problems
我刚刚通过wordpress做了一个非常简单的静态说明。 但是,我使用html和CSS从头开始制作主题。 它看起来完美,正是我想要的FFox,Chrome,Safari等...但是在IE 6,7,8中检查是不正确的。
单击{ here }以查看该站点,如果您没有IE,则为该站点的屏幕快照。
任何关于这可能是什么的想法或关于如何解决它的想法将不胜感激。 我在CSS中找不到任何语法错误,而html似乎正确
谢谢
在您的文档中,您没有设置DOCTYPE,因此被迫以怪癖模式显示它。 您必须在html代码的开头添加DOCTYPE。 您可以在http://www.w3.org/QA/2002/04/valid-dtd-list.html上找到有关DOCTYPE的更多信息。
您也可以在http://www.quirksmode.org/上找到有关quirks模式的更多信息。
最后一点,使用3wvalidator验证您的网页总是很有价值的。 在您的网站上进行此操作,您会看到:
93错误,15警告
列表中的第一个是:
找不到DOCTYPE! 检查默认的XHTML 1.0过渡文档类型。
在本文档中找不到或没有DOCTYPE声明。 通常,这意味着文档不在顶部声明其文档类型。 这也可能意味着DOCTYPE声明包含拼写错误,或者未使用正确的语法。
使用默认的“后备”文档类型定义对文档进行了检查,该文档类型定义与“ XHTML 1.0 Transitional”非常相似。
通过常见问题解答了解如何向您的文档添加文档类型。
希望以上所有信息对理解ie会有所帮助。
好吧,一个人不确定您对CSS / HTML开发有多新,但这绝对不足为奇,您在一个浏览器中创建内容只是为了让IE puke和扼制并以不同的方式显示某些内容。 它是网站设计师/开发人员在制作项目时必须承担的拐杖之一。
您做对了,然后修改了一个样式表以通过IE批准。
您需要使用条件注释来附加那些仅IE的工作表,甚至可能需要针对IE6 / 7/8单独进行处理,具体取决于您所做的工作以及它如何破坏外观。
http://www.quirksmode.org/css/condcom.html
<head>
的这种用法示例:
<!--[if IE 6]>
<link rel="stylesheet" href="ie6-fixes.css" />
<![endif]-->
当然,在ie之前,您将拥有“默认”样式表,而ie.css将覆盖最初定义的样式。
唯一正确的方法。
通常,有一种方法可以使网站正确地在所有浏览器中呈现,而无需使用IE模板,但这需要一些工作。
尝试添加margin-left:auto; 右边距:自动; 和/或宽度:您身体的100%。
同样好的做法是将需要存在的内容包装在同一y轴上,例如将tab和content放在div中,以便它们可以一起移动。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.