IE中的网站中心对齐答案

【问题标题】：Website centre alignment in IEIE中的网站中心对齐
【发布时间】：2012-10-26 10:23:52
【问题描述】：

http://atomtk.co.uk/

我正在以下网站上的朋友那里进行一些浏览器测试。它似乎以每个浏览器接受 IE 为中心。

请您告诉我我们如何解决这个问题。因为我不知道这是如何编码的。

谢谢

更新：

<!doctype html>

<!--[if IEMobile 7 ]><html <?php language_attributes(); ?>class="no-js iem7"> <![endif]-->
<!--[if lt IE 7 ]><html <?php language_attributes(); ?> class="no-js ie6 oldie"> <![endif]-->
<!--[if IE 7 ]><html <?php language_attributes(); ?> class="no-js ie7 oldie"> <![endif]-->
<!--[if IE 8 ]><html <?php language_attributes(); ?> class="no-js ie8 oldie"> <![endif]-->
<!--[if (gte IE 9)|(gt IEMobile 7)|!(IEMobile)|!(IE)]><!-->

<html <?php language_attributes(); ?> class="no-js"><!--<![endif]-->

    <head>
        <meta charset="utf-8">
        <!--[if ie]><meta content='IE=edge,chrome=1' http-equiv='X-UA-Compatible'/><![endif]-->

        <title><?php wp_title( ' - ', true, 'right' ); ?> <?php bloginfo('name'); ?></title>

        <?php if ( of_get_option('sc_enablemeta')== '1') { ?>

        <!-- meta -->
        <meta name="description" content="<?php echo of_get_option('sc_metadescription')  ?>">
        <meta name="keywords" content="<?php wp_title(); ?>, <?php echo of_get_option('sc_metakeywords')  ?>" />
        <meta name="revisit-after" content="<?php echo of_get_option('sc_revisitafter')  ?> days" />
        <meta name="author" content="www.site5.com">
        <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
        <?php } ?>

        <?php if ( of_get_option('sc_enablerobot')== '1') { ?>

        <!-- robots -->
        <meta name="robots" content="<?php echo of_get_option('sc_metabots')  ?>" />
        <meta name="googlebot" content="<?php echo of_get_option('sc_metagooglebot')  ?>" />
        <?php } ?>

        <!-- icons & favicons (for more: http://themble.com/support/adding-icons-favicons/) -->
        <link rel="shortcut icon" href="<?php echo get_template_directory_uri(); ?>/favicon.ico">   

        <link rel="pingback" href="<?php bloginfo('pingback_url'); ?>">

        <!--[if lt IE 9]>
        <script src="<?php echo get_template_directory_uri(); ?>/library/js/html5.js"></script>
        <![endif]-->


        <link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>">

        <!-- wordpress head functions -->
        <?php wp_head(); ?>
        <!-- end of wordpress head -->

这是标题文档...它看起来不像 WP 标题调用...有人可以帮我稍微重新排列一下以适应旧的 IE...

【问题讨论】：

对于阅读此问题的人：我正在与 Kirsty 聊天，问题实际上是代码的某些部分 (add_action()) 似乎在标记之前注入代码。 IE 不喜欢这样（它应该这样，因为它很糟糕）。该问题与页面居中无关。

标签： css wordpress internet-explorer center

【解决方案1】：

在我们的聊天讨论之后，情况似乎如下：

代码被注入到页面的头部。

调试：你的模板很干净，我们检查过了。您禁用了所有插件.. 注入的链接仍然存在。我们检查了根 index.php，没有注入讨厌的代码。

可能的原因：在某个时候，安装了一个错误的插件来操纵 wordpress 源代码。

解决方案： - 将旧的 wordpress 环境放在安全的位置。 - 将新的 wordpress 复制到您的环境中。 - 将旧 wordpress 中的 wp-config 复制到新的（但检查 wp-config 中是否有奇怪的代码行）。 - 将模板复制到新环境并检查。 - 将插件一一复制回来，激活并检查您的输出是否损坏。

希望你能找到罪魁祸首。

【讨论】：

已排序。谢谢达米安的好建议:)

【解决方案2】：

使用 Css 2 种不同的方法

1] 允许包括正文在内的所有正文内容在页面上居中

body {
    margin-left:auto;
    margin-right:auto;
    width:##%;
}

2] 只允许带有body的内部内容居中，div#content会顺势而为，带有div的内容会居中

body {
    margin-left:5%;
    margin-right:20%
    width:auto;
}

body div#content {
    margin-left:auto;
    margin-right:auto;
    width:##%;
}

【讨论】：

【解决方案3】：

如果没有 DOCTYPE，您的网站将处于 Quirks 模式。我并不是说这是唯一的问题，但如果没有 DOCTYPE，您将永远无法修复它。

对更新的响应

当我访问您链接的网站时，我没有看到您在上面发布的代码。而不是 <!doctype html> 首先，我有这个：

<div style='text-indent:-9999em'><a href="http://www.homedepotcoupons.org" rel="follow">Home Depot Coupon Codes 2012</a> <a href="http://www.lexapro-side-effects.org" rel="follow">Lexapro Side Effects</a> <a href="http://www.couponstocks.com/office-depot-coupons/" rel="follow">Office Depot Coupons</a> <a href="http://www.jcpenney-coupons.org" rel="follow">JCPenney Coupons</a> <a href="http://www.pizza-hutcoupons.com" rel="follow">Pizza Hut Coupons</a> <a href="http://www.bigbrotheralbania6.org" rel="follow">Big Brother Albania 6</a> <a href="http://www.citalopramside-effects.org" rel="follow">Citalopram Side Effects</a> <a href="http://www.watchatdhenet.com" rel="follow">atdhe.net</a> <a href="http://www.couponstocks.com/walmart-coupons/" rel="follow">Walmart Coupons</a> <a href="http://hostgatorcoupon.clickwebhosting.com" rel="follow">hostgator coupons</a> <a href="http://www.couponstocks.com/kohls-coupons/" rel="follow">kohls coupons</a> <a href="http://www.couponstocks.com/bed-bath-and-beyond-coupon" rel="follow">bed bath and beyond coupon</a> <a href="http://muzikshqip.shtypidites.com" rel="follow">muzik shqip</a> </div><!-- start header --><!doctype html>

您可以看到<!DOCTYPE html> 不是第一个。您必须弄清楚如何将文档类型放在所有内容的前面。恐怕有了模板，在 Stack Overflow 上很难找到答案。

【讨论】：

您好 MiniRagnarok，谢谢。不幸的是，这是某人给我们的人的预编码模板，他们不是那么精明。最好我只是给他们我的标题？显然我知道这行得通:)

【解决方案4】：

未经测试的代码，但可能对您有所帮助

将以下内容放入您的 css 文件中：

    body {
         text-align: center
    }

    #wrapper {
         width: 1024px; //any width you want in your container
         margin: 0 auto;

    }

将您网页的内容包装在一个容器wrapper

     <div id="wrapper">

              // start your web content structure here...

     </div>

【讨论】：

【解决方案5】：

当页面上的第一件事应该是 html 元素时，您的页面以 div 标记开始。 DIV 标签只能出现在 BODY 中。

您还需要将所有元标记、链接的 css 文件、javascript 等移动到文档的 HEAD 中。

做这些事情应该会有所帮助。

【讨论】：

嗨，比利，谢谢，我会传递这个建议。不幸的是，它是从预制文档构建的，我只是帮助:)
我认为你在这里引用了 header.php ？？？这是不正确的吗？我知道我通常把 HTML 行话放在那里，我的工作正常。