简体   繁体   English

Internet Explorer CSS错误

[英]Internet Explorer css Error

My tutorial site works fine on google chrome but when i try to open it with any kind of internet explorer i can not see some part of visul items. 我的教程网站在谷歌浏览器上运行正常,但是当我尝试使用任何类型的Internet Explorer打开它时,我看不到visul项目的某些部分。

All information of my design exist in css file. 我设计的所有信息都存在于CSS文件中。 However being gray of right part can be observed but on the other hand i can't see navigation bar. 但是,可以观察到右侧为灰色,但另一方面,我看不到导航栏。

I put my some codes. 我写了一些代码。 It is high possible to have any link between these code and this situation. 这些代码与这种情况之间很可能存在任何联系。

At the beginning: 开始时:

<!-- InstanceBegin template="/Templates/tempPage00.dwt" codeOutsideHTMLIsLocked="false" --><!doctype html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <!-- InstanceBeginEditable name="doctitle" -->
<html>
<title>Tutorials</title>
...

<link href="styles/mainStyle.css" rel="stylesheet" type="text/css">

For more you can check: http://www.soccerforecast.com/Tutorials/SFUnderCons/currentForecasts.php 有关更多信息,请查看: http : //www.soccerforecast.com/Tutorials/SFUnderCons/currentForecasts.php

I don't have 10 reputation so i can't put direct image to this site so link is: http://postimage.org/image/y94bk7afb/ 我没有10个声誉,所以我不能将直接图像放置到此站点,所以链接是: http : //postimage.org/image/y94bk7afb/

I don't usualy control my site with different kind of browser, now i recommend to do this everyday. 我通常不使用其他类型的浏览器来控制我的网站,现在我建议每天这样做。 Now i don't have any idea which code make this situation. 现在我不知道哪种代码会导致这种情况。 :) :)

Yout HTML is a little messed up. 您的HTML有点混乱。

Fix these things and it might help: 解决这些问题,可能会有所帮助:

  1. Place your HTML tag before the HEAD tag but after the DOCTYPE tag. 将HTML标记放在HEAD标记之前,然后在DOCTYPE标记之后。

  2. Place a closing HTML tag at the very end of your document. 在文档的最后放置一个封闭的HTML标记。

  3. In the TABLE you have towards the end of your page you have an extra closing TR tag. 在表的最后,您将有一个额外的结束TR标签。

  4. The comment before your DOCTYPE will possibly cause problems too. DOCTYPE之前的注释也可能会引起问题。

Try running your site through a validator to check for errors like these. 尝试通过验证程序运行您的网站,以检查是否存在此类错误。

HTML: http://validator.w3.org/ HTML: http//validator.w3.org/

CSS: http://jigsaw.w3.org/css-validator/ CSS: http//jigsaw.w3.org/css-validator/

It's because you have a comment before your doctype declaration. 这是因为您在doctype声明之前有一个注释。

This is forcing the page into quirks mode if you remove that comment you should be ok. 如果您删除该评论,这将迫使页面进入怪癖模式

<!-- InstanceBegin template="/Templates/tempPage00.dwt" codeOutsideHTMLIsLocked="false" -->
<!doctype html>
<head>

Edit... The head and html tags are the wrong way round also. 编辑... head和html标签也是错误的方法。

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM