【问题标题】:Internet explorer not displaying page properly!Internet Explorer 无法正确显示页面!
【发布时间】:2011-03-31 09:40:13
【问题描述】:

好的。几周前我买了一个网站模板。它在所有浏览器上都能完美运行。

我一直使用 Flock(基于 Chromium)。

刚才,我的朋友告诉我,在 Internet Explorer 上查看我的网站时,所有内容都显示在浏览器窗口的左侧。

他昨天也浏览了我的网站。昨天它对他来说非常有效,使用相同的浏览器。但问题是,我没有更改任何样式或此特定页面上的任何其他内容。

而且更奇怪的是,它只影响一页(首页)。

如果有人能抽出时间检查它并回复说它是否显示正确,并引导我朝着正确的方向前进以便我修复它,我将不胜感激?

谢谢

编辑:

我尝试了以下方法:

我已经检查了样式表代码,以确保我没有把它搞砸。 我已经恢复了原始样式表文件(但没有帮助。)

整个网站仍然完美地显示在除 IE 之外的所有浏览器上。

【问题讨论】:

  • 可能只是他的浏览器,有IE的朋友可以试试。请另一个使用 IE 的朋友尝试一下,并尝试不同的版本以将其缩小到哪个浏览器。
  • 在发布问题之前,我也在 IE 上尝试过。同样的事情发生
  • 对不起,我应该在问题中提到这一点。
  • 奇怪的是:这个问题只影响index.php页面!

标签: html css internet-explorer web


【解决方案1】:

1) 将 'text-align: center' 设置为


2) 将#main 宽度限制为页面宽度 (1000px)
3) 将 'margin: 0 auto' 和 'text-align: left' 设置为#main

这样,您的页面应该在所有浏览器中居中。

【讨论】:

  • 需要添加“text-align:left;”在那一栏
【解决方案2】:

他昨天也浏览了我的网站。昨天它对他来说非常有效,使用相同的浏览器。但问题是,我没有更改任何样式或此特定页面上的任何其他内容。

这似乎很奇怪!它在 Mac 上的 Mozilla Firefox、Safari 和 Chrome 上运行良好。

我假设这段代码(在正文中)不是模板的一部分?

<style> 
    div#commentForm
    {
        margin: 0px 20px 0px 20px;
        display: none;
    }
</style>

看起来它不会导致对齐方式发生变化。

【讨论】:

  • 是的。确实很奇怪!感谢您的帮助!
  • 它不应该导致对齐变化......但是对于 IE,我猜你永远不会真正知道:P
  • 没有值“0px”,只有0
  • @Māris Kiseļovs:谢谢!我不知道。
【解决方案3】:

好的,我仍然遇到同样的问题。所以,在尝试了一点之后,这就是我想出来的:

我最近阅读了一篇关于 PHP 的教程。它说在使用$_REQUEST时,我需要将PHP &lt;?php //... ?&gt;代码放在PHP/HTML页面上的所有内容之上,如下所示:

<?php // php code here .. ?> <html> ... page content here </html>

... 事实证明,将 PHP 代码置于标准 HTML 声明之上会导致页面内容与页面的最左侧对齐。奇怪的。它只发生在 Internet Explorer (AFAIK) 中。在 Flock、Chrome、Safari 或 Opera 中似乎不会发生这种情况。

无论如何,在将 PHP 代码放入 &lt;head&gt; 部分之后,我一直认为这是正确的方法,现在页面在每个浏览器中都正确对齐了。

感谢所有向我提供一些我还不知道的 CSS 知识的人,感谢你们帮助我解决了这个问题。非常感谢您的帮助。 :-)

杰森

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2011-04-12
    • 2011-07-28
    • 2023-03-09
    • 2015-01-30
    • 1970-01-01
    • 2012-09-16
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多